body, td, th {
    font: var(--text-body1);
    color: var(--text-color-medium);
}
body.dragging * {
    cursor: url(../images/mega/cursor1.png), auto !important;
}
body.dndc-warning * {
    cursor: url(../images/mega/cursor1.png), auto !important;
}
body.dndc-copy * {
    cursor: url(../images/mega/cursor2.png), auto !important;
}
body.dndc-download * {
    cursor: url(../images/mega/cursor3.png), auto !important;
}
body.dndc-move * {
    cursor: url(../images/mega/cursor4.png), auto !important;
}
body.dndc-to-shared * {
    cursor: url(../images/mega/cursor5.png), auto !important;
}
body.dndc-to-contacts * {
    cursor: url(../images/mega/cursor6.png), auto !important;
}
body.dndc-to-conversations * {
    cursor: url(../images/mega/cursor7.png), auto !important;
}
body.dndc-to-rubbish * {
    cursor: url(../images/mega/cursor8.png), auto !important;
}
body.dndc-sort * {
    cursor: url(../images/mega/cursor9.png), auto !important;
}
body * {
    -webkit-touch-callout: none;
    user-select: none;
}
body *:not(input):not(textarea) {
    -webkit-user-select: none;
}
.wait-cursor, .loading-cursor, .progress-cursor {
    cursor: progress !important;
}

.fmdb-working #topmenu .membership-status {
    background-image: url("../images/mega/ajax-loader-tiny.gif") !important;
    background-position: center !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.fm-breadcrumbs .loading,
.loading-nodes .fm-breadcrumbs:last-child .loading {
    --icon-size: 24px;
    display: none;
    margin: 0 -6px;
    margin-inline-start: 4px;
}

.block-loading-spinner,
.wait-cursor .fm-breadcrumbs:last-child:not(.public-links) .loading,
.loading-nodes .fm-breadcrumbs:last-child .loading {
    display: block;
    font-size: 0 !important;
    background-position: 100% 0;
    animation: rotate 0.8s infinite linear;
    animation-timing-function: steps(8, end);
}

.wait-cursor .fm-breadcrumbs:last-child:not(.public-links) .next-arrow,
.loading-nodes .fm-breadcrumbs:last-child .next-arrow {
    display: none;
}

/* Force loading more then X nodes, disable soring UI */

.loading-nodes .fm-right-header .fm-filter-chips,
.loading-nodes .fm-header-grid-extra,
.loading-nodes .files-grid-view .grid-table th {
    pointer-events: none;
}

.loading-nodes .fm-right-header .fm-filter-chips .fm-filter-chip-button *,
.loading-nodes .fm-header-grid-extra *,
.loading-nodes .files-grid-view .grid-table th * {
    --mask-color: var(--mobile-text-disabled);
    color: var(--mobile-text-disabled);
    border-color: var(--mobile-text-disabled);
}

.loading-nodes .fm-header-grid-extra > i.select-all-checkbox {
    outline: 1px solid var(--mobile-text-disabled);
}

.loading-nodes .fm-filter-chips .fm-filter-chip-button {
    background: var(--mobile-button-disabled);
}


/* Developer dark mode */
html.dark-mode {
    filter: invert(1);
}
html.dark-mode .loading-main-block .loading-percentage {
    background-color: #000;
    filter: invert(1);
}
html.dark-mode .loading-main-block .loading-m-block {
    background-color: #000;
    filter: invert(1);
}
html.dark-mode .account.qr-icon {
    background: #fff;
    padding: 5px;
    filter: invert(1);
    position: absolute;
}
html.dark-mode .qr-settings .settings-left-block.slide-in-out .content-txt {
    position: absolute;
    top: 178px;
    width: 235px;
}
html.dark-mode .mega-dialog.two-factor-dialog .two-factor-qr-code {
    filter: invert(1);
    padding: 5px;
}
/* Overrides to prevent inverting (inverts again back to normal) */
html.dark-mode .logo,
html.dark-mode .browsers.icon.medium,
html.dark-mode .business-icon.semi-medium,
html.dark-mode .main-loader,
html.dark-mode .sub-loader,
html.dark-mode .plan-icon,
html.dark-mode .achievements-icon,
html.dark-mode video,
html.dark-mode img {
    filter: invert(1);
}

img:not([src]) {
    visibility: hidden;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width: 100%;
    height: 100%;
}
body {
    background-color: #FFFFFF !important;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: var(--text-font-family);
    position: relative;
    overflow: hidden;
    top: 0;
}
body.mobile.bottom-pages {
    overflow: visible;
}
.lato {
    font-family: var(--text-font-family);
}
.lato-semibold {
    font-family: var(--text-font-family);
    font-weight: 600;
}
input[type='number'] {
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="search"], input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}
input:-webkit-autofill, input:-webkit-autofill:focus {
    -webkit-text-fill-color: #878787;
}
div, span, input, object, texarea {
    outline: none;
    resize: none;
}
.bottom-pages.developers #pageholder {
    background-image: none;
}
.italic {
    font-style: italic;
}
.left-textalign {
    text-align: start;
}
.right-textalign {
    text-align: end !important;
}
.centered-textalign {
    text-align: center;
}
a, a:link, a:visited, a:hover, a:active {
    outline: none;
    text-decoration: none;
    cursor: pointer;
}
strong, .bold {
    font-weight: normal;
    font-family: 'source_sans_prosemibold', Arial, sans-serif;
}
input, textarea {
    outline: none;
    -moz-appearance: none;
    font-family: 'source_sans_proregular', Arial, sans-serif;
    resize: none;
}
a, a:link, a:visited, a:hover, a:active, a:focus img, a:focus img {
    outline: none;
}
.image-scale-hack {
    -ms-transform: rotate( .0001deg ); /* IE 9 */
    -webkit-transform: rotate( .0001deg ); /* Safari */
    transform: rotate( .0001deg );
}
#help2 .clear {
    clear: both;
    margin: 0;
    padding: 0;
    display: block;
}
.clear {
    clear: both;
}
.clear_r {
    clear: right;
    margin: 0;
    padding: 0;
}
.clear_l {
    clear: left;
    margin: 0;
    padding: 0;
}
.right {
    float: right;
}
.rtl .right {
    float: left;
}
.left {
    float: left;
}
.rtl .left {
    float: right;
}
.centered-content {
    text-align: center;
}
.right-text-align {
    text-align: right;
}
.white-bg {
    background-color: white;
}
.logo {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    float: left;
    margin: 6px 0 0 12px;
    background-position: -6px -383px;
    background-image: url(../images/mega/top-sprite.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
}
.bottom-pages .logo,
.new-startpage .logo {
    display: block;
}
.loading .top-head {
    z-index: 1000;
}

.bottom-pages .top-head::after {
    background-color: rgba(0,0,0,0.05);
}
.relative {
    position: relative;
}
.checkdiv.right {
    float: right;
}
.centered-checkbox {
    padding: 0 0 7px;
    text-align: center;
    font-size: 0;
    clear: both;
}
.centered-checkbox .checkboxOff, .centered-checkbox .checkboxOn {
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
    float: none;
}
.centered-checkbox .radio-txt {
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    float: none;
}
.new-registration-checkbox .register-st2-button {
    float: right;
    margin-top: -7px;
    background-image: none;
    padding: 0;
}
.register1 .register-st2-button, .new-registration-checkbox .register-st2-button {
    margin-bottom: 33px;
}
.new-registration-checkbox .register-st2-button-arrow {
    padding: 0 15px 0 15px;
    background-image: none;
    border-radius: 5px;
}
.login-page-create-new {
    float: right;
    font-size: 14px;
    padding: 35px 0 0 0;
}
.main-mid-pad.big-pad {
    padding-top: 67px;
    padding-bottom: 40px;
}
.login-page-create-new span {
    cursor: pointer;
}
.new-registration-checkbox .radio-txt {
    padding-top: 2px;
    vertical-align: top;
}
.radio-txt a {
    color: var(--text-color-info);
}
.radio-txt a:hover {
    text-decoration: underline;
}
label span.black {
    color: black;
}
.download-checkbox input.checkboxOn,
.tips input.checkboxOn,
.browsers input.checkboxOn,
.affiliate-block.a-form input.checkboxOn,
.mega-dialog input.checkboxOn,
.download-checkbox input.checkboxOff,
.tips input.checkboxOff,
.browsers input.checkboxOff,
.affiliate-block.a-form input.checkboxOff,
.mega-dialog input.checkboxOff,
.fm-account-blocks input.checkboxOff,
.fm-account-blocks input.checkboxOn {
    margin: 0;
}
.main_bg_image {
    padding-bottom: 160px;
}

.nw-fm-percentage {
    position: relative;
    float: left;
    border-radius: 100%;
    overflow: hidden;
}
.nw-fm-percentage ul {
    list-style-type: none;
}
.nw-fm-percentage li {
    position: absolute;
    top: 0;
}
.nw-fm-percentage p, .nw-fm-percentage li, .nw-fm-percentage ul, .nw-fm-percentage {
    width: 148px;
    height: 148px;
    padding: 0;
    margin: 0;
}
.nw-fm-percentage span {
    display: block;
    width: 74px;
    height: 148px;
}
.nw-fm-percentage ul :nth-child(odd) {
    clip: rect(0, 148px, 148px, 74px);
}
.nw-fm-percentage ul :nth-child(even) {
    clip: rect(0, 74px, 148px, 0);
}
.right-c span {
    -webkit-border-top-left-radius: 74px;
    -webkit-border-bottom-left-radius: 74px;
    border-top-left-radius: 74px;
    border-bottom-left-radius: 74px;
}
.left-c span {
    margin-left: 74px;
    -webkit-border-top-right-radius: 74px;
    -webkit-border-bottom-right-radius: 74px;
    border-top-right-radius: 74px;
    border-bottom-right-radius: 74px;
}
.chart.data .contents-txt,
.chart.data .pecents-txt,
.chart.data .gb-txt {
    color: var(--text-color-high);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.chart.data .of-txt,
.chart.data .pecents-txt,
.chart.data .gb-txt {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 2px;
}
.chart.data .perc-txt {
    font-size: 34px;
    line-height: 40px;
    color: var(--text-color-medium);
    font-family: 'source_sans_prolight', Arial, sans-serif;
    position: relative;
    display: inline-block;
    height: 40px;
}
.free .fm-right-block:not(.active-achievements) .bandwidth .chart.data .perc-txt, .free .fm-right-account-block:not(.active-achievements) .bandwidth .chart.data .perc-txt, .no-percs .chart.data .perc-txt {
    background-image: url(../images/mega/fm-main-sprite.png);
    background-position: -10px -11854px;
    width: 30px;
}
.free .bandwidth .chart.data .perc-txt::before, .no-percs .chart.data .perc-txt::before {
    content: '\00a0';
}
.chart.data .size-txt {
    font: var(--text-h2);
    display: inline-block;
    vertical-align: bottom;
    color: var(--text-color-success);
}
.exceeded .chart.data .size-txt {
    color: var(--text-color-error);
}
.going-out .chart.data .size-txt {
    color: var(--text-color-warning);
}
.chart.data .of-txt {
    color: var(--text-color-low);
}
.chart.icon {
    position: absolute;
    left: 26px;
    top: 44px;
    z-index: 10;
}
.rtl .chart.icon {
    left: auto;
    right: 26px;
}


.terms-top-txt {
    padding: 12px 12px 12px 12px;
    height: 300px;
    line-height: 21px;
    margin-bottom: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.new-registration .register-pass-status-line1, .new-registration .register-pass-status-line2, .new-registration .register-pass-status-line3, .new-registration .register-pass-status-line4, .new-registration .register-pass-status-line5 {
    width: 80px;
    height: 2px;
    margin-right: 5px;
}
.new-registration .register-pass-status-line5 {
    margin-right: 0;
}
.new-registration {
    padding-bottom: 20px;
}
.bus-reg-body .new-registration {
    margin-top: -4px;
    padding-bottom: 12px;
}
.change-pass-block .notice-input-block.last {
    margin: 4px 0 0 0;
}
.notification-num,
.new-messages-indicator {
    border-radius: 9px;
    box-sizing: border-box;
    color: var(--secondary-white);
    display: block;
    font: var(--text-body2);
    height: 18px;
    margin: -6px 0 0;
    max-width: 100%;
    min-width: 24px;
    padding: 0 3px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
}

.new-messages-indicator .chat-pending-call {
    display: block;
    float: left;
    width: 18px;
    height: 16px;
    border-radius: 200px;
    background-color: #2BA6DE;
}
.new-messages-indicator .chat-unread-count {
    display: block;
    width: 8px;
    height: 8px;
    margin: -10px 0 0 4px;
    border-radius: 200px;
    text-indent: -9999px;
    background: var(--secondary-red);
}
.notification-num {
    display: inline-block;
    position: absolute;
    z-index: 1;
    margin: 0 -10px 0 12px;
    top: 2px;
}
.new-messages-indicator {
    position: absolute;
    right: 6px;
    top: 13px;
}
.top-chat-notification .notification-num {
    background-color: #2BA6DE;
}

/* Notifications */
.notification-item.template {
    display: none;
}
.notification-item.clickable {
    cursor: pointer;
}
.notification-item {
    --notification-color-promo: rgba(0, 191, 165, 1);
    display: block;
}
.notification-item:nth-of-type(even) {
    background: var(--surface-grey-3);
}
.notification-item:hover {
    background: var(--surface-grey-4);
}
.notification-list {
    box-sizing: border-box;
    padding: 0 !important;
    max-height: 481px;
    overflow: auto;
}
.notification-scr-list {
    box-sizing: border-box;
}
.empty .notification-scr-list,
.no-new-notifications .notification-scr-list,
.empty .fm-notifications-bottom,
.loading .fm-notifications-bottom {
    display: none;
}
.notification-popup-loading {
    display: none;
}
.loading .notification-popup-loading {
    display: block;
    text-align: center;
}
.notification-popup.loading .notification-popup-empty {
    display: none;
}
.notification-loading-icon,
.notification-empty-icon {
    --icon-size: 64px;
    margin: 96px auto 0;
    --mask-color: var(--icon-rest);
}
.notification-popup-loading-txt {
    color: var(--text-color-medium);
    font: var(--text-body1);
    margin: 36px 0 96px;
    position: relative;
    display: inline-block;
}
.notification-popup-loading-txt span {
    vertical-align: middle;
}
.notification-loading-spinner {
    --icon-size: 32px;
    display: inline-block;
    vertical-align: middle;
}
.loading .notification-loading-spinner {
    animation: rotate 2s infinite linear;
    animation-timing-function: steps(8, end);
}
.notification-popup-empty {
    display: none;
}
.empty .notification-popup-empty,
.no-new-notifications .notification-popup-empty {
    display: block;
    text-align: center;
}
.notification-popup-empty img {
    width: 218px;
    padding-top: 40px;
}
.notification-popup-empty-txt {
    color: var(--text-color-medium);
    font: var(--text-body1);
    margin: 36px 0 96px;
}
.notification-empty {
    display: none;
}
.empty .notification-empty {
    width: 400px;
    height: 270px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -135px 0;
    margin-inline-start: -72px;
    display: block;
}
.notification-scroll {
    max-height: 490px;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
.notification-status-icon {
    display: flex;
    position: relative;
}
.notification-type {
    display: flex;
    flex-direction: column;
    table-layout: fixed;
    width: calc(100% - 52px);
    box-sizing: border-box;
}
.notification-avatar {
    margin-top: 12px;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    color: white;
    font-size: 23px;
    text-align: center;
    line-height: 48px;
    display: block;
    text-transform: uppercase;
}
.notification-item .avatar-wrapper {
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    color: white;
}
.notification-item .avatar-wrapper img {
    width: 32px;
    height: 32px;
}
.notification-request-buttons,
.notification-accepted-bl {
    margin: 2px 0;
    padding: 0 20px 0 12px;
    text-align: right;
    align-self: flex-start;
}
.fm-dialog-button.notifications-button {
    margin-top: 0;
}
.nt-contact-request .notification-request-buttons,
.nt-contact-request.accepted .notification-accepted-bl {
    display: table-cell;
}
.nt-contact-request.accepted .notification-request-buttons,
.nt-contact-request.not-now .notification-request-buttons,
.notification-accepted-bl {
    display: none;
}
.notification-item .cta-buttons {
    margin: 5px 0;
    padding: 0 20px 0 12px;
    text-align: right;
    align-self: flex-start;
    display: table-cell;
}
.notification-accepted {
    color: var(--text-color-medium);
    font-size: 13px;
    line-height: 18px;
    padding: 2px 0 2px 28px;
    margin: 0 14px 0 0;
    background-image: url(../images/mega/fm-main-sprite.png);
    background-position: -14px -7100px;
    background-repeat: no-repeat;
}
.notification-avatar-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    right: -4px;
    top: -4px;
    background: #fff;
    border-radius: 50%;
}
.rtl .notification-avatar-icon {
    left: -8px;
    right: auto;
}
.black {
    color: black;
}
/* Small notification icons on top of the notification avatar */
.notification-avatar-icon i {
    display: none;
    --icon-size: 16px;
}
.nt-new-files .notification-avatar-icon i.plus,
.nt-incoming-share .notification-avatar-icon i.plus,
.nt-contact-request .notification-avatar-icon i.contact,
.nt-contact-deleted .notification-avatar-icon i.cross,
.nt-contact-accepted .notification-avatar-icon i.plus,
.nt-revocation-of-incoming .notification-avatar-icon i.minus,
.nt-contact-request-denied .notification-avatar-icon i.minus,
.nt-contact-request-blocked .notification-avatar-icon i.minus,
.nt-contact-request-ignored .notification-avatar-icon i.minus,
.nt-payment-reminder-notification .notification-avatar-icon i.exclamation,
.nt-schedule-meet .notification-avatar-icon i.camera {
    display: block;
}
.nt-file-request .notification-avatar .file-request-notification {
    width: 40px;
    height: 40px;
    margin: 2px -4px;
}
.nt-schedule-meet .notification-avatar-icon i,
.nt-new-files .notification-avatar-icon i {
    --mask-color: var(--secondary-green);
}
.nt-incoming-share .notification-avatar-icon i {
    --mask-color: var(--secondary-orange);
}
.nt-contact-request .notification-avatar-icon i {
    --mask-color: var(--secondary-blue);
}
.nt-incoming-share .notification-avatar-icon i,
.nt-contact-accepted .notification-avatar-icon i {
    --mask-color: var(--secondary-orange);
}
.nt-contact-deleted .notification-avatar-icon i,
.nt-payment-reminder-notification .notification-avatar-icon i {
    --mask-color: var(--secondary-red);
}
.nt-revocation-of-incoming .notification-avatar-icon i,
.nt-contact-request-denied .notification-avatar-icon i,
.nt-contact-request-blocked .notification-avatar-icon i,
.nt-contact-request-ignored .notification-avatar-icon i {
    --mask-color: var(--secondary-grey);
}
/* Custom icon instead of avatar for MEGA notifications */
.notification-item .notification-icon {
    display: block;
    height: 32px;
    width: 32px;
    --icon-size: 32px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-top: 12px;
}
.notification-item .notification-icon i {
    display: none;
}
.nt-payment-reminder-notification .notification-icon .payment-icon,
.nt-payment-notification .notification-icon .payment-icon,
.nt-takedown-notification .notification-icon .takedown-icon,
.nt-takedown-reinstated-notification .notification-icon .reinstated-icon,
.nt-dynamic-notification .notification-icon .dynamic-icon{
    display: block;
}
.notification-avatar img {
    width: 48px;
    height: 48px;
}
.notification-promo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 9px;
}
.notification-promo .promo-text{
    font: var(--text-body1-bold);
    color: var(--notification-color-promo);

}
.notification-promo .promo-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--notification-color-promo);
    color: var(--text-color-white-high);
    font: var(--text-body2);
    border-radius: 20px;
    padding: 0 8px;
    height: 18px;
    margin-top: 2px;
}
.nt-dynamic-notification img {
    width: 317px;
    margin: 4px 12px 2px;
}
.nt-dynamic-notification .notification-username {
    white-space: initial;
    text-overflow: initial;
    overflow: initial;
    margin-bottom: 8px;
}
.notification-username {
    display: block;
    font: var(--text-body1-bold);
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-color-high);
}
.notification-content {
    overflow: hidden;
    box-sizing: border-box;
    min-height: 48px;
    padding: 8px 12px 0;
    vertical-align: middle;
}
.notification-info {
    color: var(--text-color-high);
    display: block;
    font: var(--text-body2);
    padding: 1px 0;
    word-wrap: break-word;
}
.notification-date {
    display: block;
    font: var(--text-caption);
    color: var(--text-color-medium);
    padding-inline-start: 12px;
    margin-bottom: 6px;
}
body.notification-body {
    background-color: #f2f2f3 !important;
}
.notification-scheduled-body {
    box-sizing: border-box;
    color: var(--text-color-medium);
    font: var(--text-body2);
    overflow: hidden;
    padding: 8px 12px 0;
    vertical-align: middle;
}
.notification-scheduled-body .notification-scheduled-title {
    color: var(--text-color-high);
    display: block;
    font: var(--text-body2-bold);
}
.notification-scheduled-body .notification-scheduled-prev,
.notification-scheduled-body .notification-scheduled-occurrence {
    display: block;
}
#fmholder {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 987px;
}
.nt-circle-bg1 {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    margin: 34px 0 7px 230px;
    box-sizing: border-box;
}
.nt-circle-bg2 {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    border: 2px solid white;
    box-sizing: border-box;
}
.nt-circle-bg3 {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    box-sizing: border-box;
    background-color: #5b5a59;
}
.nt-circle-date {
    display: block;
    font-size: 23px;
    line-height: 24px;
    text-align: center;
    color: white;
    padding: 4px 0 0 0;
}
.nt-circle-month {
    display: block;
    font-size: 13px;
    line-height: 12px;
    text-align: center;
    color: white;
    text-transform: uppercase;
}
.new-notifications-bg {
    width: 256px;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.05);
    margin-left: 48px;
}
.nt-main-date {
    float: left;
    width: 256px;
    height: 63px;
    font-size: 13px;
    box-sizing: border-box;
    text-align: right;
    color: #777777;
    padding: 23px 19px 0 0;
}
.notification-nw-pad {
    padding: 4px 0 0 64px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    height: 62px;
}
.nt-red-bar {
    width: 305px;
    background-color: #D11E00;
    padding: 15px 15px 16px 16px;
    font-size: 15px;
    font-weight: normal;
    line-height: 19px;
    box-sizing: border-box;
    height: 50px;
    float: left;
}
.red-bar-txt {
    display: block;
    height: 19px;
    color: white;
}
.nt-white-bar {
    margin-left: 305px;
    height: 51px;
    background-color: white;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}
a.nt-back-button:hover {
    background-position: left -148px;
}
.nt-back-button span {
    display: block;
    height: 30px;
    background-color: #dadee1;
    height: 30px;
    line-height: 29px;
    color: #363636;
    box-sizing: border-box;
    font-size: 14px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 10px 0 8px;
}
a.nt-back-button:hover span {
    background-color: #F0373B;
    color: white;
}
.nt-settings-button, a.nt-settings-button, a.nt-settings-button:link, a.nt-settings-button:visited, a.nt-settings-button:active {
    display: block;
    background-color: #dadee1;
    height: 30px;
    margin: 10px 0 0 10px;
    box-sizing: border-box;
    border-radius: 4px;
    float: left;
}
a.nt-settings-button:hover {
    background-color: #F0373B;
    color: white;
}
a.nt-settings-button:hover span {
    color: white;
}

.tagit-new {
    display: none;
}
form {
    margin: 0;
    padding: 0;
}
.facebook-lnk {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #3868ab;
    margin: 4px 16px 4px 0;
    border-radius: 100%;
}
.facebook-lnk:hover {
    margin: 1px 13px 1px -3px;
    width: 30px;
    height: 30px;
}
.facebook-lnk .social-icon {
    background-position: 11px -156px;
}
.twitter-lnk {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #35bde5;
    margin: 4px 16px 4px 4px;
    border-radius: 100%;
}
.twitter-lnk .social-icon {
    background-position: -33px -156px;
    left: 4px;
}
.twitter-lnk:hover {
    margin: 1px 13px 1px 1px;
    width: 30px;
    height: 30px;
}
.rss-lnk {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #f4811e;
    margin: 4px;
    border-radius: 100%;
}
.rss-lnk .social-icon {
    background-position: -77px -156px;
    left: 4px;
}
.rss-lnk:hover {
    margin: 1px;
    width: 30px;
    height: 30px;
}
.social-float {
    float: left;
    position: relative;
}
.social-icon {
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 4px;
    background-image: url(../images/mega/blog-new-sprite.png);
    background-repeat: no-repeat;
}
.social {
    position: relative;
    padding-bottom: 73px;
}
.social-arrow {
    position: absolute;
    z-index: 101;
    display: block;
    background-image: url(../images/mega/blog-new-sprite.png);
    background-position: 0 -269px;
    background-repeat: no-repeat;
    width: 18px;
    height: 54px;
    width: 100%;
    display: none;
}
.social-block {
    position: absolute;
    width: 281px;
    z-index: 100;
    background-color: #fefefe;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 0 rgba(50, 50, 50, 0.05);
    box-sizing: border-box;
    border-radius: 5px;
    top: 53px;
    min-height: 40px;
    padding: 10 15px 15px 15px;
    display: none;
    cursor: default;
}
.active .social-arrow, .active .social-block {
    display: block;
}
.social-block h2 {
    padding: 0 0 7px 0;
    font-size: 17px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
}
.facebook-lnk h2 {
    color: #3867AB;
}
.twitter-lnk h2 {
    color: #2CA5C9;
}
.google-plus h2 {
    color: #D83500;
}
.rss h2 {
    color: #F4811E;
}
.rss-view-all {
    color: #E5391F !important;
    display: block;
    background-image: url(../images/mega/blog-new-sprite.png);
    background-position: -12px -46px;
    background-repeat: no-repeat;
    padding: 0 0 0 17px;
    font-size: 15px;
    line-height: 24px;
}
.twitter-lnk .social-block {
    left: -68px;
}
.google-plus .social-block {
    left: -136px;
}
.rss .social-block {
    left: -204px;
}
.social-lnk {
    cursor: pointer;
}
.sync ul {
    margin: 0;
    padding: 43px 0 25px 0;
    width: 430px;
}
.affiliate ul, .pro ul {
    margin: 0;
    padding: 7px 0 0 0;
}
.blog-new-full ul li,
.sync li,
.affiliate li,
.pro li:not(.no-red-dot) {
    margin: 0;
    padding: 0 0 18px 20px;
    font-size: 14px;
    line-height: 28px;
    color: #3F4646;
    text-align: left;
    font-weight: normal;
    list-style-type: none;
    position: relative;
}
.blog-new-full ul li::before,
.sync li::before,
.affiliate li::before,
.pro li:not(.no-red-dot)::before {
    content: "\25CF";
    color: var(--text-color-error);
    position: absolute;
    left: 0;
}
.pro li:not(.no-red-dot) {
    padding: 0 0 12px 20px;
}
strong.small-header {
    display: block;
    font-family: 'source_sans_probold', Arial, sans-serif;
    font-weight: normal;
    padding-bottom: 4px;
}
.browsers-top-icon {
    width: 226px;
    height: 174px;
    float: left;
    background-repeat: no-repeat;
}
.browsers-top-icon.safari {
    background-size: 143px 126px;
    background-image: url(../images/mega/browsers-safari.png);
    background-position: 46px 20px;
}
.browsers-top-icon.ie10 {
    background-size: 153px 121px;
    background-image: url(../images/mega/browsers-ie10.png);
    background-position: 40px 22px;
}
.browsers-top-icon.ie9 {
    background-size: 162px 118px;
    background-image: url(../images/mega/browsers-ie9.png);
    background-position: 40px 24px;
}
.browsers-info-block {
    padding: 20px 20px 28px 226px;
}
.browsers-info-header {
    font-size: 16px;
    line-height: 21px;
    color: #363b3b;
    padding-top: 8px;
    font-family: 'source_sans_prosemibold', Arial, Helvetica, sans-serif;
}
.browsers-info-block p {
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    color: #767F7F;
}
.browsers-gray-notification {
    font-size: 16px;
    line-height: 21px;
    color: #363b3b;
    padding: 16px 20px 0 20px;
    background-image: url(../images/mega/browsers-sprite.png);
    background-position: left -922px;
    background-repeat: repeat-x;
    background-size: 100px auto;
}
.properties-small-gray {
    font: var(--text-body1);
    color: var(--text-color-medium);
    display: block;
}
.properties-small-gray.path {
    padding-top: 8px;
    padding-inline-start: 16px;
}
.shared .propreties-dark-txt.contact-list {
    padding-inline-end: 25px;
    display: inline-block;
}
.contact-list-icon {
    display: none;
}
.shared .contact-list-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    cursor: pointer;
    --mask-color: var(--icon-rest);
    vertical-align: text-bottom;
    margin: -5px 4px;
    --icon-size: 24px;
}
.shared .contact-list-icon:hover,
.shared .contact-list-icon.active {
    --mask-color: var(--icon-active);
}
.propreties-dark-txt {
    font: var(--text-body1);
    color: var(--text-color-high);
    display: block;
    padding-bottom: 16px;
    word-break: break-all;
    word-wrap: break-word;
}
.properties-name-block .propreties-dark-txt {
    font: var(--text-body1-bold);
}
.propreties-dark-txt a,
.propreties-dark-txt a:active,
.propreties-dark-txt a:visited {
    color: var(--text-color-info);
}
.properties-name-container {
    display: flex;
}
.properties-name-block {
    padding-inline-end: 39px;
    padding-inline-start: 11px;
    position: relative;
    display: inline-block;
}
.properties-small-gray:empty + .properties-name-block {
    padding-inline-start: 0;
}
.properties-breadcrumb {
    box-sizing: border-box;
    height: 60px;
    border: 2px solid var(--stroke-grey-2);
    border-radius: 12px;
    margin: 0 -18px 16px;
    background-color: var(--surface-grey-1);
}
.properties-breadcrumb .breadcrumb-dropdown {
    max-height: 177px;
}
.properties-breadcrumb .breadcrumb-dropdown .ps__rail-y {
    margin: 8px 0;
}
.properties-name-block .file-settings-icon {
    right: 0;
    top: -1px;
    bottom: auto;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.multiple .properties-name-block .file-settings-icon, .hidden-context .properties-name-block .file-settings-icon {
    display: none;
}
.propreties-dark-txt b {
    display: block;
    padding-top: 8px;
    font-family: var(--text-font-family);
    font-weight: 600;
}
.properties-float-bl {
    width: 50%;
    min-height: 51px;
}
.properties-context-menu {
    min-width: 140px;
    background: var(--surface-main-inverted);
    border-radius: 8px;
    position: absolute;
    z-index: 100;
    padding: 8px 0;
    display: none;
}
.properties-context-arrow {
    background-image: url(../images/mega/dialog-sprite.png);
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin: 0 0 0 -9px;
    border: 9px solid #000;
    border-color: var(--stroke-main-inverted) transparent transparent transparent;
    background-repeat: no-repeat;
}
.properties-context-item {
    height: 24px;
    font: var(--text-body1);
    padding: 0 20px 0 36px;
    position: relative;
    color: var(--text-color-medium-inverted);
    transition: all 200ms ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.properties-context-item span{
    white-space: nowrap;
}
.properties-context-item.show-more {
    color: var(--text-color-low-inverted);
}
.properties-context-item:hover {
    background: var(--surface-grey-1-inverted);
    color: var(--text-color-high-inverted);
}
.properties-context-item.properties-share-options {
    height: 32px;
    line-height: 31px;
}
.properties-context-item.properties-share-options:hover {
    background-color: rgba(255,179,0,1);
}
.properties-share-icon {
    background-image: url(../images/mega/dialog-sprite.png);
    position: absolute;
    width: 18px;
    height: 18px;
    left: 11px;
    top: 6px;
    background-position: -132px -3180px;
    background-repeat: no-repeat;
    transition: all 200ms ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.properties-share-options:hover .properties-share-icon {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.properties-contact-status {
    height: 8px;
    width: 8px;
    position: absolute;
    left: 16px;
    top: 7px;
    background-color: #FF1A53;
    border-radius: 100%;
}
a.tips-button.properties {
    margin-right: 10px;
}
.on_off {
    float: right;
    margin: 30px 20px 0 20px;
}
.iPhoneCheckContainer {
    width: 100px;
    height: 40px;
    border-radius: 40px;
}
.iPhoneCheckHandle {
    height: 25px;
    background-size: 25px 26px;
    width: 25px;
}
.iPhoneCheckContainer {
    -webkit-transform: translate3d(0, 0, 0);
    position: relative;
    width: 100px;
    height: 40px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 40px;
}
.iPhoneCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}
.iPhoneCheckContainer label {
    white-space: nowrap;
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    width: 100px;
    top: 0;
    overflow: hidden;
}
.iPhoneCheckDisabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}
label.iPhoneCheckLabelOn {
    color: white;
    left: 0;
}
label.iPhoneCheckLabelOn span {
    display: none;
}
label.iPhoneCheckLabelOff {
    color: white;
    right: 0;
    background-color: #c8c8c8;
    border-radius: 40px;
}
label.iPhoneCheckLabelOff span {
    display: none;
}
.iPhoneCheckHandle {
    display: block;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
}
.iPhoneCheckHandleRight {
    height: 100%;
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
}
.iPhoneCheckHandleCenter {
    height: 100%;
    width: 100%;
    border-radius: 32px;
    background-color: white;
}

.nw-contact-item {
    height: 48px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    padding-right: 15px;
    overflow: hidden;
    background-color: rgba(0,0,0,0);
}
.nw-contact-item:hover {
    background-color: rgba(113,173,58,0.1);
}
.nw-contact-item.selected {
    background-color: rgba(113,173,58,0.5);
}
.fm-add-user-scrolling .nw-contact-item {
    padding-right: 32px;
    background-image: url(../images/mega/fm-main-sprite.png);
    background-position: right -2907px;
    background-repeat: no-repeat;
}
.fm-add-user-scrolling .nw-contact-item:nth-child(even) {
    background-color: rgba(0,0,0,0.02);
}
.fm-add-user-scrolling .nw-contact-item:hover {
    background-color: rgba(0,0,0,0.03);
}
.fm-add-user-scrolling .nw-contact-item.selected {
    background-color: rgba(0,0,0,0.05);
    background-position: right -2859px;
}
.fm-add-user-scrolling .nw-contact-item.selected .nw-contact-name {
    color: #666666;
}
.fm-dialog-search {
    height: 32px;
    box-sizing: border-box;
    margin: 12px;
    border: 2px solid #d9d9d9;
    padding: 0 10px 0 32px;
    background-image: url(../images/mega/fm-main-sprite.png);
    background-position: -10px -2969px;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.fm-dialog-search input {
    line-height: 27px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    color: #868686;
}
.nw-contact-status {
    width: 6px;
    height: 6px;
    float: left;
    margin: 21px 0 0 12px;
    box-sizing: border-box;
    border-radius: 100%;
}
.shared-grid-view .nw-contact-status {
    border: 0;
    margin: 21px 2px 0 12px;
    float: none;
    display: inline-block;
    width: 5px;
    height: 5px;
}
.nw-conversations-item .nw-contact-status, .fm-tree-panel .nw-contact-status {
    margin: 9px 0 0 14px;
}
.online .nw-contact-status, .online .properties-contact-status {
    background-color: #13E03C;
}
.away .nw-contact-status, .away .properties-contact-status {
    background-color: #FFA500;
}
.busy .nw-contact-status, .busy .properties-contact-status {
    background-color: #EB4444;
}
.offline .nw-contact-status, .offline .properties-contact-status {
    background-color: #666666;
}
.black .nw-contact-status, .black .properties-contact-status {
    background-color: black;
    visibility: hidden;
}
.contacts-avatar {
    margin: 0 0 0 12px;
}
.nw-verified-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../images/mega/fm-main-sprite.png);
    z-index: 10;
    background-position: -11px -2244px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    top: -4px;
    right: -6px;
    display: none;
    background-color: #1FA4E7;
    border: 2px solid white;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    border-radius: 100%;
}
.verified .nw-verified-icon, .green-tick .nw-verified-icon, .gray-tick .nw-verified-icon {
    display: block;
}
.green-tick .nw-verified-icon {
    background-color: #31B500;
}
.gray-tick .nw-verified-icon {
    background-color: #999999;
}
.nw-tree-panel-header,
.nw-tree-panel-filter-tag {
    height: 36px;
    font-size: 15px;
    line-height: 36px;
    color: #666;
    padding: 0 25px 0 12px;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: none;
}
.nw-tree-panel-filter-tag {
    height: 25px;
    line-height: 25px;
    padding: 0 6px 0 12px;
}
.active-folder-link .nw-tree-panel-filter-tag {
    padding: 2px 25px 0 12px;
}
.share-dialog-panel-arrows {
    height: 24px;
    width: 24px;
    position: absolute;
    right: 2px;
    top: 6px;
    background-image: url(../images/mega/fm-main-sprite.png);
    background-repeat: no-repeat;
    background-position: -12px -9768px;
    cursor: pointer;
    transition: opacity 200ms ease-in-out;
    opacity: 0.6;
}
.nw-tree-panel-arrows.icons-sprite {
    height: 24px;
    width: 24px;
    position: absolute;
    right: 7px;
    top: 6px;
    background-position: -88px -1992px;
    opacity: 0.8;
    cursor: pointer;
    transition: opacity 200ms ease-in-out;
    display: none;
}
.nw-tree-panel-arrows:hover, .nw-tree-panel-arrows.active {
    opacity: 1;
}
.nw-conversations-item,
.fm-tree-panel .nw-contact-item,
.mega-dialog .fm-picker-dialog-tree-panel .nw-contact-item {
    height: 24px;
    padding-right: 12px;
    overflow: hidden;
    cursor: default;
    position: relative;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: rgba(0,0,0,0);
}
.nw-conversations-unread {
    position: absolute;
    z-index: 10;
    right: 8px;
    top: 4px;
    color: white;
    background-color: #1FA4E7;
    border: 2px solid white;
    height: 16px;
    min-width: 16px;
    text-align: center;
    line-height: 12px;
    font-size: 10px;
    padding: 0 3px;
    border-radius: 14px;
    box-sizing: border-box;
    display: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}
.unread .nw-conversations-unread {
    display: block;
}
.nw-contact-item .nw-conversations-unread {
    color: white;
    background-color: rgba(119,119,119,0.3);
}
.nw-contact-item:hover .nw-conversations-unread, .nw-contact-item.selected .nw-conversations-unread {
    color: #666666;
    background-color: white;
}
.nw-conversations-item:hover {
    background-color: rgba(43,166,222,0.3);
    color: white;
}
.fm-tree-panel .nw-contact-item:hover {
    background-color: rgba(119,119,119,0.3);
    color: white;
}
.fm-tree-panel .nw-contact-item.selected {
    background-color: rgba(119,119,119,0.5);
    color: white;
}
.nw-conversations-item.selected {
    background-color: rgba(43,166,222,0.5);
    color: white;
}
.nw-conversations-name, .fm-tree-panel .nw-contact-name, .mega-dialog .fm-picker-dialog-tree-panel .nw-contact-item {
    margin: 0 36px 0 32px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.nw-conversations-item.selected .nw-conversations-name, .nw-conversations-item:hover .nw-conversations-name, .fm-tree-panel .nw-contact-item:hover .nw-contact-name, .fm-tree-panel .nw-contact-item.selected .nw-contact-name  {
    color: white;
}
.tree-item {
    display: none;
}
.tree-item.active {
    display: block;
}
.fm-avatar {
    height: 28px;
    width: 28px;
    float: right;
    display: block;
    margin: 4px 11px 0 0;
    position: relative;
    cursor: pointer;
}
.fm-avatar:empty {
    display: none;
}
.fm-avatar .avatar-wrapper {
    height: 28px;
    width: 28px;
    margin: 0;
    font-size: 15px;
    line-height: 28px;
    font-family: 'source_sans_proregular', sans-serif;
    border-radius: 50%;
}
.fm-avatar .avatar-wrapper::before {
    box-shadow: none;
}
.fm-avatar::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.download-page .fm-avatar {
    height: 44px;
    width: 44px;
    margin: 3px 8px 0 -2px;
}


.fm-avatar img {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 50%;
}
.activity-status-block {
    float: right;
    margin: 12px 10px 0 0;
}
.activity-status {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    margin: 3px;
    box-sizing: border-box;
    transition: all 200ms ease-in-out;
    position: relative;
}
.activity-status.top::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    margin: -2px 0 0 -2px;
    border: 2px solid var(--stroke-main);
    box-sizing: border-box;
    border-radius: 100%;
    background-color: inherit;
    transition: all 200ms ease-in-out;
}
.dropdown-item .activity-status {
    height: 8px;
    width: 8px;
    display: inline-block;
    margin: 12px 12px 0 -2px;
    box-shadow: 0 0 0 2px transparent;
    vertical-align: top;
}
.activity-status-info {
    font-size: 12px;
    line-height: 12px;
    padding: 0 0 0 18px;
    white-space: normal;
    margin: -3px 0 8px 0;
    color: var(--text-color-medium);
}
.activity-status.online {
    background-color: var(--label-green);
}
.activity-status.away {
    background-color: var(--label-orange);
}
.activity-status.busy {
    background-color: var(--label-red);
}
.activity-status.offline {
    background-color: var(--label-grey);
}
.activity-status.black {
    background-color: black;
    visibility: hidden;
}
.membership-status-block {
    float: right;
    margin: 10px 9px 0 0;
    height: 24px;
    box-sizing: border-box;
}
.top-head .user-name {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-name, a.user-name {
    float: right;
    margin: 5px 6px 0 0;
    display: block;
    line-height: 24px;
    color: #333;
    font-size: 14px;
    cursor: pointer;
}
.new-notification-info {
    height: 24px;
    line-height: 23px;
    background-color: #333;
    padding: 0 8px;
    border-radius: 8px;
    white-space: nowrap;
    font-size: 13px;
    color: #CCCCCC;
    margin: 50px 0 0 -59px;
    position: absolute;
    left: 50%;
    z-index: 100;
    display: none;
}
.warning-icon-area {
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.warning-popup-body {
    font: var(--text-body1);
    color: var(--text-color-medium);
}
.warning-popup-body .green {
    color: var(--text-color-success);
}
.warning-header {
    color: var(--text-color-high);
    display: flex;
    font: var(--text-h2);
    margin-bottom: 16px;
}
.astropay-payment-reminder .warning-header {
    display: block;
}
.warning-icon.sprite-fm-illustration.img-topbar-email-registration {
    float: left;
    height: 82px;
    margin-right: 20px;
    width: 82px;
    --width: 82px;
}
/* PRO plan expired dialog */
.astropay-payment-reminder .warning-popup-body {
    display: table;
    position: relative;
}
.astropay-payment-reminder .left-block {
    display: table-cell;
    padding-top: 3px;
    width: 48px;
}
.astropay-payment-reminder .plan-icon i {
    --icon-size: 48px;
    display: none;
}
.astropay-payment-reminder .plan-icon.pro1 i.pro1,
.astropay-payment-reminder .plan-icon.pro2 i.pro2,
.astropay-payment-reminder .plan-icon.pro3 i.pro3,
.astropay-payment-reminder .plan-icon.pro4 i.pro4,      /* Pro Lite */
.astropay-payment-reminder .plan-icon.pro101 i.pro101,  /* Pro Flexi */
.astropay-payment-reminder .plan-icon.business i.business,
.astropay-payment-reminder .plan-icon.feature i.feature {
    display: block;
}
.warning-icon.sprite-fm-illustration.img-dialog-business-expiry {
    height: 48px;
    width: 48px;
    --width: 48px;
}
.astropay-payment-reminder .right-block {
    display: table-cell;
    padding-left: 24px;
    vertical-align: top;
}
.astropay-payment-reminder .last-payment-info {
    font: var(--text-body2);
}
.astropay-payment-reminder .purchased-label {
    color: var(--text-color-high);
}
.astropay-payment-reminder .expired-label {
    color: var(--text-color-error);
    padding-left: 24px;
}
.astropay-payment-reminder .purchased-date,
.astropay-payment-reminder .expired-date {
    padding-left: 8px;
}
.astropay-payment-reminder .provider-icon {
    padding-bottom: 2px;
}
.astropay-payment-reminder .first-message,
.astropay-payment-reminder .second-message {
    font: var(--text-body2);
}
.astropay-payment-reminder .first-message {
    margin-top: 16px;
}
.astropay-payment-reminder .second-message {
    margin-top: 8px;
}
.astropay-payment-reminder .plan-expired-checkbox-wrapper {
    margin-inline-end: auto;
}
.astropay-payment-reminder .plan-expired-checkbox-wrapper .checkboxOn,
.astropay-payment-reminder .plan-expired-checkbox-wrapper .checkboxOff {
    margin-inline-end: 8px;
}
.astropay-payment-reminder .plan-expired-checkbox-label {
    font: var(--text-body2);
    white-space: nowrap;
}
.astropay-payment-reminder .confirm-reason {
    margin-top: 15px;
}
.astropay-payment-reminder .confirm-reason > label {
    display: block;
}
.astropay-payment-reminder .confirm-reason-message {
    background: var(--surface-grey-1) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: var(--text-color-high);
    font-size: 13px;
    height: 62px;
    margin-top: 5px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}
/* Site update dialog */
.site-update-available .warning-popup-body {
    display: table;
}
.warning-icon.sprite-fm-uni.icon-mega-logo {
    height: 24px;
    flex: 0 0 auto;
    margin: 3px 0;
    margin-inline-end: 20px;
    width: 24px;
}
.site-update-available .release-info {
    color: var(--text-color-low);
    font: var(--text-body2);
}
.top-search-bl {
    float: right;
    height: 24px;
    position: relative;
}
.top-search-input::-webkit-input-placeholder {
    color:#CCCCCC;
}
.top-search-input:-moz-placeholder {
    color:#CCCCCC;
    opacity: 1;
}
.top-search-input::-moz-placeholder {
    color:#CCCCCC;
    opacity: 1;
}
.top-search-input:-ms-input-placeholder {
    color:#CCCCCC;
}
.active.focused .top-search-input {
    color: #666666;
}
.top-clear-button {
    display: block;
    width: 30px;
    height: 24px;
    right: 0;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: right -1769px;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    transition: opacity 200ms ease-in-out;
}
.top-clear-button:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.top-search-button {
    display: block;
    width: 30px;
    height: 24px;
    right:0;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    background-image: url(../images/mega/icons-sprite.png);
    background-position: 6px -1350px;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    transition: opacity 200ms ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.top-search-clear {
    height: 24px;
    padding: 6px 0 0 0;
    box-sizing: border-box;
    margin: 0 0 0 49px;
    transition: all 200ms ease-in-out;
}
.top-search-input {
    border: 0;
    width: 0;
    line-height: 23px;
    color: #666666;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background-color: transparent;
}
.top-search-input {
    border: 0;
    width: 0;
    transition: all 200ms ease-in-out;
}
.active .top-search-input, .contains-value .top-search-input {
    width: 160px;
    padding-right: 38px;
}
.contains-value .top-search-input {
    transition: none;
}
.fm-main, .pm-main {
    height: 100%;
    overflow: hidden;
    background: var(--surface-main);
}
.pm-main {
    display: flex;
    flex-direction: column;
}
.fm-left-panel {
    background: var(--mobile-surface-1);
    display: flex;
    flex-direction: column;
    float: left;
    height: 100%;
    position: relative;
    width: 286px;
    z-index: 20;
    /* max-width: calc(100% - 720px); */
    padding-right: 10px;
}
.rtl .fm-left-panel {
    direction: rtl;
}
.notifications .fm-left-panel {
    width: 304px;
}
.content-panel.active {
    display: block;
}
.transfers-header-bl {
    display: none;
    position: absolute;
    padding: 8px 0 0 8px;

}
.transfers .transfers-header-bl {
    display: block;
}
.dark-tooltip {
    height: 24px;
    font: var(--text-body2);
    padding: 0 10px;
    background: var(--surface-grey-1-inverted);
    line-height: 23px;
    color: var(--text-color-high-inverted);
    position: absolute;
    margin: 12px 0 0 4px;
    border-radius: 8px;
    white-space: nowrap;
    left: 46px;
    transition: left 100ms ease-in-out, opacity 100ms ease-in-out, visibility 100ms ease-in-out;
    opacity: 0;
    z-index: 1130;
    visibility: hidden;
}
.dark-tooltip.hovered {
    opacity: 1;
    left: 64px;
    visibility: visible;
}
.dark-tooltip.top {
    top: 34px;
    transition: top 200ms ease-in-out, opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    left: 0;
    margin: 0;
}
.dark-tooltip.top.hovered {
    top: 39px;
}
.nav-icon-label-container {
    height: 100%;
    width: 64px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.nav-icon-label {
    display: block;
    text-align: center;
    color: var(--text-color-white-high);
    opacity: 0.7;
    font-size: var(--text-body2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 64px;
    margin: 0 4px;
}
button.l-pane-visibility {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: -10px;
    z-index: 19;
}
.l-pane-collapsed .fm-left-panel {
    width: 6px !important;
}
.l-pane-collapsed .fm-tree-panel,
.l-pane-collapsed .nw-tree-panel-header,
.l-pane-collapsed .nw-tree-panel-filter-tag {
    display: none;
}
.l-pane-collapsed .fm-right-files-block {
    margin-left: 54px !important;
}
.dark-overlay {
    background: radial-gradient(ellipse at center, #4c4c4c 0%, #000000 100%);
    z-index: 1112;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}
.dark-overlay.white {
    background: var(--surface-main);
    opacity: 0.9;
}

.light-overlay {
    background-color: var(--stroke-main);
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1100;
}
.light-overlay.transparent {
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    z-index: 499;
}
body.loading .light-overlay {
    z-index: 1200;
}
.not-logged .top-search-bl, .not-logged .cloud-popup-icon {
    display: none !important;
}
.not-logged .fm-right-header.folder-link .fm-files-view-icon {
    display: block;
}
.transfer-panel {
    height: 48px;
    box-sizing: border-box;
    overflow: hidden;
}
.transfer-icons-block {
    background-color: #101010;
}
.transfer-panel-opened .transfer-panel {
    height: 193px;
}
.transfer-panel-title {
    display: flex;
    padding: 11px 0 0 8px;
    float: left;
    margin-inline-end: auto;
}

.transfer-table .transfer-type, .transfer-table .tranfer-filetype-txt {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.active-folder-link .tranfer-filetype-txt,
.active-folder-link .nw-fm-tree-folder,
.active-folder-link .file-block-title {
    user-select: text !important;
    -webkit-user-select: text !important;
}
.transfer-pause-icon.link-button.active .small-icon.pause-icon {
    background-position: -13px -11745px;
}
.transfer-pause-icon.link-button:not(.disabled) .small-icon.pause-icon {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.transfer-pause-icon.link-button:not(.disabled):hover .small-icon.pause-icon {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.grid-sixth-th {
    width: 45px;
}
.properties-body .file-status-icon {
    position: absolute;
    left: 2px;
    top: 2px;
    height: 20px;
    z-index: 10;
    width: 20px;
}
.taken-down .grid-status-icon, .taken-down .grid-status-icon.star {
    background-position: -8px -4934px;
}
.taken-down .file-status-icon, .taken-down .file-status-icon.star {
    background-position: -9px -4934px;
}

/* Out Shares */

.shared-contact-info {
    display: inline-block;
}

/* End of Out Shares */


/* Ct changes for copy to conversations */
.mega-dialog .nw-contact-name {
    font-size: 14px;
    line-height: 26px;
    margin: 0 20px 0 14px;
    overflow: hidden;
    display: inline-block;
    padding: 0 0 0 0;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: calc(50% - 56px);
    color: inherit;
}
.mega-dialog.fm-picker-dialog .right-pane .dialog-tree-panel-scroll .note-chat-label {
    margin-inline-start: 8px;
    font: var(--text-body1-bold);
}
.mega-dialog .nw-contact-name img.emoji {
    margin-top: 0;
}
.mega-dialog .nw-contact-status {
    width: 8px;
    height: 8px;
    border: 1px solid var(--stroke-main);
    margin: 0;
    margin-inline-start: 12px;
    flex-shrink: 0;
}
.mega-dialog .fm-picker-dialog-tree-panel .nw-contact-item {
    padding: 0 14px 0 14px;
    margin: 1px 0;
    height: 30px;
    display: flex;
    align-items: center;
}
.mega-dialog .nw-contact-item.selected:hover {
    background-color: rgba(43, 166, 222, 0.5);
    color: #fff;
}
.mega-dialog .nw-contact-email, .mega-dialog .fm-picker-dialog-tree-panel .nw-contact-group {
    margin: 0 0;
    overflow: hidden;
    display: inline-block;
    padding: 0 0;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: calc(50% - 2px);
}
.mega-dialog .nw-contact-name.group {
    margin-left: 11px;
}
.file-block-title {
    display: inline-block;
    white-space: pre-wrap;
    word-break: break-all;
    height: 26px;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: var(--text-color-high);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    position: absolute;
    max-width: calc(100% - 70px);
    bottom: -6px;
    margin: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 24px;
    padding: 0 14px;
    background-color: transparent;
}
.megaList-content .megaListItem .file-block-title {
    max-width: 174px;
}
.file-block-title::before {
    position: absolute;
    content: '';
    width: calc(100% + 28px);
    height: 100%;
    background: var(--surface-highlight-1);
    z-index: -1;
    margin-left: -14px;
    margin-right: -14px;
}
.grid-url-arrow,
.file-settings-icon,
.album-settings-icon,
.clear-transfer-icon,
.link-transfer-status {
    height: 16px;
    width: 16px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 9px;
    opacity: 0;
}

.grid-url-arrow i,
.file-settings-icon i,
.clear-transfer-icon i {
    --icon-size: 16px;
    --mask-color: var(--icon-inactive);
}
.grid-url-header-nw .grid-url-arrow {
    top: 16px;
    left: auto;
    right: 14px;
}
.clear-transfer-icon {
    left: 39px;
    width: 16px;
}
.own-data .grid-url-arrow {
    left: 54px;
}
.file-settings-icon {
    left: auto;
    right: 6px;
    top: auto;
    bottom: 7px;
    z-index: 10;
}
.clear-transfer-icon::after {
    opacity: 0.67;
    background-position: 1px -4045px;
    background-image: url(../images/mega/fm-main-sprite.png);
}
.hide-settings-icon {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    border: none;
    background-color: transparent;
}
.clone-of-header,
.clone-of-header span,
.clone-of-header,
.clone-of-header th {
    height: 0;
    overflow: hidden;
    line-height: 0;
}
.clone-of-header th {
    height: 0;
    line-height: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.fm-browsers-icon,
.fm-flags-icon,
.fm-member-icon {
    display: block;
    position: absolute;
}

.thumb .img-block,
.img-block.thumb {
    background: none;
    border-radius: 4px;
    width: 156px;
    height: 156px;
    margin: 0;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    top: -1px;
    left: -1px;
    transform: none;
}

.thumb.video .img-block,
.img-block.thumb.video {
    background-color: black;
    background-image: none;
}

.tranfer-filetype-txt {
    box-sizing: border-box;
    color: var(--text-color-high);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 0;
    font: var(--text-body1);
}
.backup-file-info span.tranfer-filetype-txt.backup {
    padding: 0;
}

.transfer-status {
    height: 32px;
    line-height: 31px;
    padding: 0;
    white-space: nowrap;
    position: relative;
    color: var(--text-color-medium);
    display: block;
}
.transfer-started .transfer-status {
    color: var(--text-color-medium);
}
.transfer-error .transfer-status {
    color: var(--text-color-error);
}
.transfer-completed .transfer-status {
    color: var(--text-color-success);
}
.transfer-type, .transfer-type ul, .transfer-type li, .transfer-type p, .transfer-type span {
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.transfer-type {
    margin: 2px 0 0 10px;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.transfer-started .transfer-type, .transfer-error .transfer-type, .transfer-completed .transfer-type {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.transfer-completed .link-transfer-status {
    display: none;
}
.transfer-type::before,
.transfer-type.upload::before,
.transfer-type.download::before,
.transfer-type::after {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
}
.transfer-type.upload::after {
    z-index: 11;
    --mask-color: var(--secondary-blue);
}
.transfer-type.download::after {
    z-index: 11;
    --mask-color: var(--secondary-green);
}
.transfer-type::after {
    z-index: 10;
    background-color: var(--stroke-main);
    border-radius: 100%;
}
.transfer-type ul :nth-child(odd) {
    clip: rect(0, 20px, 20px, 10px);
}
.transfer-type ul li:nth-child(even) {
    clip: rect(0, 10px, 20px, 0);
}
.transfer-type ul li {
    position: absolute;
}
.transfer-type ul li span {
    width: 10px;
    height: 20px;
    background-color: var(--secondary-green);
    display: block;
}
.transfer-type.upload ul span {
    background-color: var(--secondary-blue);
}
.transfer-type.safari-downloaded ul li span {
    background-color: var(--secondary-red);
}
.transfer-started.transfer-paused:not(.transfer-completed) .transfer-type ul li span {
    background-color: rgba(0,0,0,0.3);
}
.transfer-type.safari-downloaded::before {
    background-position: -7px -4064px;
}
.transfer-paused.transfer-started .transfer-type::before {
    background-position: -13px -4110px;
}
.transfer-type ul li.right-c span {
    border-radius: 10px 0 0 10px;
}
.transfer-type ul li.left-c span {
    margin-left: 10px;
    border-radius: 0 10px 10px 0;
}
.transfer-table .eta {
    min-width: 100px;
    display: inline-block;
}
.transfer-table .eta span {
    color: #999999;
    padding: 0 5px 0 1px;
}
.transfer-table .eta.unknown {
    opacity: 0.36;
}
.transfer-table .eta.unknown::before {
    content: '';
    display: inline-block;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, var(--icon-rest) 0%, var(--icon-rest) 44%, var(--stroke-main) 45%, var(--stroke-main) 55%, var(--icon-rest) 56%, var(--icon-rest) 100%);
    vertical-align: middle;
}
.transfer-table .speed {
    color: #999999;
}
.transfer-table .speed span {
    padding: 0 5px 0 0;
    color: #666666;
}
.speed.unknown {
    color: #999999;
    text-transform: uppercase;
}
.transfer-panel-opened .transfer-table-wrapper {
    display: block;
}
.fm-right-files-block {
    height: calc(100% - 48px);
    position: relative;
}
.deleted .avatar-wrapper,
.ignored .avatar-wrapper,
.deleted .fm-chat-user-info,
.ignored .fm-chat-user-info {
    opacity: 0.5;
}
.fm-files-search input::-webkit-input-placeholder {
    opacity: 0.3;
}
.context-menu,
.dialog-sorting-menu {
    min-width: 160px;
    position: absolute;
    background-color: #333333;
    border-radius: 8px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-sizing: border-box;
    z-index: 500;
    padding: 8px 0;
}
.search-permissions .permissions-menu-arrow {
    display: none;
}
.nw-sorting-menu {
    right: -155px;
    top: 33px;
}
.dropdown.body.dialog-sorting-menu {
    min-width: 198px;
    left: 590px;
    top: 103px;
}
.mega-dialog .dropdown.body.dialog-sorting-menu {
    left: 176px;
    top: 202px;
}
.context-menu-divider {
    height: 2px;
    background-color: rgba(255,255,255,0.1);
    margin: 3px 0;
    display: block;
}
.context-menu-divider.pro {
    background-color: transparent;
}
.dropdown.body.create-new-folder, .dropdown.body.add-user-popup .create-new-folder, .dropdown.body.add-user-popup {
    z-index: 900;
}
.dropdown.body.create-new-folder .fm-dialog-body {
    padding: 0;
    margin-bottom: 24px;
}
.dropdown.body.create-new-folder .fm-notifications-bottom {
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
    min-height: 0;
}
.dropdown.body.create-new-folder .fm-notifications-bottom button {
    margin: 0;
    margin-inline-start: 8px;
}
.dialog .add-user-size-icon.short-size {
    display: none;
}
.add-user-notification {
    margin-top: 16px;
    margin-bottom: 16px;
}
.cancel-textarea-bl.mega-textarea {
    border-radius: 4px;
    margin: 0;
}
.cancel-textarea-bl.error {
    border: 1px solid var(--secondary-red);
}
.cancel-textarea-bl .cancel-textarea.textarea-scroll {
    max-height: 140px;
    margin: 12px 0;
}
.cancel-textarea-bl .cancel-textarea.textarea-scroll textarea {
    min-height: 140px;
}
.rename-input-bl input {
    background-image: none;
}
.error .create-folder-input-bl, .error .fm-account-input, .error .rename-input-bl, .rename-input-bl input.error, .create-folder-input-bl input.error,
input.summary-ff-name.error {
    color: #D90007;
}
.rename-input-bl i,
.device-rename-input-bl i,
.create-folder-input-bl i,
.create-album-input-bl i {
    --icon-size: 24px;
    position: absolute;
    left: 8px;
    top: 6px;
    background-repeat: no-repeat;
}
.device-rename-input-bl {
    height: 42px;
}
.device-rename-input-bl input {
    height: 42px;
}
.fm-account-labels .labels-block.email-confirm-txt {
    height: 18px;
    display: none;
}
.email-confirm .fm-account-labels .labels-block.email-confirm-txt {
    display: block;
}
.fmholder td {
    cursor: default;
}
.fm-dialog-overlay,
.fm-account-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1100;
    background: var(--surface-overlay);
    top: 0;
    left: 0;
    bottom:0;
}
.fm-dialog-overlay.bitcoin-invoice-dialog-overlay, .fm-dialog-overlay.payment-dialog-overlay, .fm-dialog-overlay.voucher-dialog-overlay, .fm-dialog-overlay.dark-overlay {
    background: rgba(34,34,34,0.95);
}

.invoice-container {
    position: relative;
}
.rtl .invoice-container {
    direction: ltr !important;
}
.de .user-management-account-settings .invoice-detail .invoice-container.pay-receipt .mega-contact-container {
    width: 55.5%;
}

.de .user-management-account-settings .invoice-detail .invoice-container.pay-receipt .inv-title-container {
    width: calc(44% - 56px);
}

.mega-dialog.reset-success-st3 {
    width: 456px;
}
.mega-dialog.restore-success {
    width: 364px;
    min-height: 274px;
    margin: -137px 0 0 -182px;
}
.mega-dialog.password-dialog {
    width: 500px;
}
.mega-dialog.chat-confirm-dialog {
    width: 604px;
    min-height: 50px;
    margin: -97px 0 0 -302px;
}
.mega-dialog.generic-dialog {
    width: auto;
    height: auto;
    min-width: 320px;
    min-height: 240px;
    margin: -160px 0 0 -150px;
    overflow: hidden;
    z-index: 1200;
}
.mega-dialog.generic-dialog .fm-dialog-contents {
    min-height: 120px;
}
.paypal-body {
    text-align: center;
    width: 504px;
    margin-top: 15px;
}
.qr-http-link {
    color: #333333;
    font-family: 'source_sans_prosemibold', sans-serif;
    font-size: 15px;
    line-height: 19px;
    user-select: text;
}
.mega-dialog.file-edit-dialog {
    width: 800px;
    left: 25%;
    top: 25%;
}
.file-edit-dialog iframe {
    width: 741px;
    margin-left: 20px;
}
.versioning-indicator {
    display: none;
    position: absolute;
}
.dialog.versioning-indicator {
    left: 14px;
    top: 14px;
}
.data-block-view .versioning-indicator {
    position: static;
    float: right;
    left: 7px;
    top: 2px;
    width: 16px;
    height: 16px;
    margin: 9px 4px 9px 0;
}
.data-block-view .versioning-indicator i {
    --mask-color: var(--icon-rest);
    --icon-size: 16px;
}
.bitcoin-invoice-dialog .bitcoin-qr-code canvas {
    padding: 3px;
    background-color: #f2f2f2;
}
.fm-blocks-view .versioning .versioning-indicator,
.ver-col-container .versioning .versioning-indicator,
.fm-recents .versioning .versioning-indicator {
    display: block;
}
.taken-down .dialog.versioning-indicator {
    display: none;
}
.file-status-icon.star + .dialog.versioning-indicator {
    left: 44px;
}
.notification-header {
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid var(--divider-color);
    padding: 14px 0 10px;
}
.notification-txt {
    font: var(--text-h3-bold);
    color: var(--text-color-high);
    display: inline-block;
    float: none;
}
.notification-status {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 100%;
    margin: 24px 4px 0;
    background: var(--label-red);
    transition: background-color 200ms ease-in-out;
    flex-shrink: 0;
    flex-grow: 0;
}
.read .notification-status {
    background: none;
}
.download-save-your-file {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
    left: 0;
    top: 0;
}
.download-save-your-file object {
    width: 100% !important;
    cursor: pointer;
}
.fm-dialog-new-folder-input {
    height: 40px;
    float: left;
    box-sizing: border-box;
    border-radius: 4px;
    width: 330px;
    color: var(--text-color-medium);
    background: var(--surface-grey-1);
    border: 1px solid var(--stroke-grey-2);
}
.fm-dialog-new-folder-input {
    float: none;
    width: 100%;
}
.fm-dialog-new-folder-pad {
    margin: 0 30px 0 0;
}
.fm-dialog-new-folder-input input {
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    font: var(--text-body1);
    height: 38px;
    color: var(--text-color-medium);
    padding: 0 10px 0 10px;
    background-color: transparent;
    border: 0;
}
.active .fm-dialog-new-folder-input input {
    color: #9a9a9a;
}
.fm-notifications-bottom {
    padding-top: 12px;
}
.fm-dialog-button.dialog-newfolder-button {
    float: left;
    margin-left: -4px;
}
.fm-dialog-button.links-button {
    position: relative;
}
.fm-dialog-button.links-button object {
    height: 32px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.confirmation-checkbox {
    margin: -5px 0 0 -16px;
}
.fm-share-body {
    height: 318px;
    margin-top: 12px;
}
.bp-body {
    height: 320px;
    margin-top: 15px;
}

.fm-share-permissions-block.bottom {
    top: auto;
    bottom: 7px;
    background-position: right -9918px;
}

.fm-notification-body {
    padding: 26px 20px 26px 20px;
    box-sizing: border-box;
}
.fm-del-contact-avatar {
    display: none;
}
.delete-contact .fm-del-contact-avatar {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: relative;
    color: white;
    line-height: 63px;
    text-align: center;
    font-size: 30px;
}
.delete-contact .fm-del-contact-avatar img, .avatar-wrapper.avatar-remove-dialog {
    width: 64px;
    height: 64px;
    font-size: 30px;
    line-height: 64px;
    border-radius: 100%;
}
.delete-contact .verified_icon i.verified-user-icon {
    display: block;
}
.fm-del-contacts-number {
    display: none;
}
.delete-contact.multiple .fm-del-contacts-number {
    display: block;
    min-width: 30px;
    height: 30px;
    position: absolute;
    z-index: 10;
    top: -7px;
    right: -7px;
    border: 3px solid white;
    box-sizing: border-box;
    border-radius: 30px;
    background-color: #777777;
    color: white;
    line-height: 24px;
    text-align: center;
    padding: 0 8px;
    font-size: 15px;
    font-family: 'source_sans_prosemibold', Arial, sans-serif;
}
.delete-contact.multiple .fm-del-contact-avatar i.multiple {
    display: block !important;
}
.fm-notification-info {
    margin-left: 90px;
    display: table-cell;
    vertical-align: middle;
    height: 75px;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
}
.fm-notification-info p, .fm-notification-info h1, .fm-notification-info h2 {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    padding: 0 0 0 0;
    margin: 0;
    color: #333333;
}
.fm-notification-info h2 {
    font-size: 14px;
}
.fm-notification-info p {
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    padding: 9px 0 0 0;
}
.fm-notification-info p:first-child {
    padding-top: 0;
}
.fm-notification-info p.red {
    font-size: 13px;
    line-height: 21px;
    color: #D90007;
    padding: 15px 0 0 23px;
}
.fm-notification-info p.red::before {
    background-image: url(../images/mega/dialog-sprite.png);
    content: '';
    display: block;
    position: absolute;
    background-position: 0 -1848px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    margin: 3px 0 0 -23px;
}
.folderupload-item label, .fileupload-item label {
    cursor: pointer;
    display: block;
    line-height: 31px;
}
.chrome-dialog-body {
    height: 186px;
    padding: 10px 0 0 0;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
.chrome-dialog-logo {
    width: 90px;
    height: 90px;
    background-image: url(../images/mega/browsers-sprite.png);
    background-position: center -509px;
    background-repeat: repeat-x;
    background-size: 100px auto;
    margin: 0 auto 0 auto;
    cursor: pointer;
}
.chrome-dialog-notification {
    font-size: 14px;
    line-height: 16px;
    background-color: black;
    border-radius: 4px;
    padding: 0 10px 6px 10px;
    color: white;
    text-align: center;
    display: inline-block;
    margin: 10px 0 0 0;
}
.chrome-dialog-arrow {
    background-image: url(../images/mega/browsers-sprite.png);
    background-position: center -808px;
    background-repeat: no-repeat;
    background-size: 100px auto;
    height: 5px;
    width: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    top: -5px;
}

.fm-bandwidth-body {
    min-height: 436px;
}
.fm-bandwidth-icon {
    height: 66px;
    width: 66px;
    float: left;
    background-image: url(../images/mega/quota-sprite.png);
    background-position: left 0;
    background-repeat: repeat-x;
    margin: 28px 0 28px 28px;
}
.fm-bandwidth-icon.pro-icon {
    height: 63px;
    background-position: left -333px;
    margin: 28px 0 28px 28px;
}
.fm-bandwidth-icon-text {
    margin-left: 90px;
    padding: 28px;
    font-size: 14px;
    line-height: 21px;
    color: #333333;
    text-align: left;
}
.fm-bandwidth-dashed {
    padding: 28px 28px 16px 28px;
    background-image: url(../images/mega/quota-sprite.png);
    background-position: -5px -810px;
    background-repeat: repeat-x;
}
.fm-bandwidth-dashed.quota-bottom-block {
    padding: 0;
}
.fm-short-blocks {
    width: 33.333333%;
    float: left;
    padding: 0 5px 16px 5px;
    box-sizing: border-box;
}
.fm-bandwidth-gray-bl {
    min-height: 110px;
    background-color: #F6F6F6;
    border-radius: 4px;
    text-align: center;
}
.fm-bandwidth-number-txt {
    text-align: center;
    font-size: 31px;
    line-height: 34px;
    color: #BF1900;
    padding: 23px 0 0 0;
}
.fm-bandwidth-number-txt span.small {
    font-size: 20px;
}
.green {
    color: var(--text-color-success);
}
.fm-bandwidth-small-txt {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}
.fm-bandwidth-dashed p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    padding: 0 5px 10px 5px;
    margin: 0;
}
.quota-bottom-block.fm-bandwidth-icon-text {
    padding: 20px 20px 18px 20px;
}
.export-links-warning {
    background-color: rgba(51,51,51,0.95);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 24px;
    z-index: 1200;
    width: 100%;
    box-sizing: border-box;
}
.export-links-warning p {
    margin: 0;
    padding: 3px 0 3px 0;
    font-size: 13px;
    line-height: 21px;
    color: #CCCCCC;
}
.export-warning-content {
    max-width: 947px;
    margin: 0 auto;
    min-height: 48px;
}
span.orange {
    color: #FFD300;
    display: block;
}
.export-links-warning p span.red {
    color: #F0373B;
    display: block;
}
.export-links-warning-close {
    background-image: url(../images/mega/dialog-sprite.png);
    cursor: pointer;
    height: 30px;
    width: 30px;
    float: right;
    background-position: -54px -4874px;
    background-repeat: no-repeat;
    transition: opacity 200ms ease-in-out;
    opacity: 0.3;
    margin: -15px -17px 0 0;
}
.no-link .checkboxOff, .no-link .checkboxOn, .no-link .radio-txt {
    display: none;
}
.top-head .dropdown.body {
    top: 40px;
    z-index: 1120;
}
.top-user-status-popup.dropdown.body {
    padding: 24px;
    font-size: 0;
    width: 240px;
    border-radius: 24px;
}
.top-user-status-popup .dropdown-item.mid-txt {
    flex-wrap: wrap;
    height: auto;
    padding: 6px 12px;
    border-radius: 4px;
}
.top-user-status-popup .dropdown-item span {
    font: var(--text-body1);
    flex: 1;
}
.top-user-status-popup .dropdown-item .activity-status {
    flex: 0 0 auto;
    height: 8px;
    margin: 0;
    margin-inline-end: 12px;
    width: 8px;
}
.top-user-status-popup .activity-status-info {
    box-sizing: border-box;
    font: var(--text-body2);
    margin: 2px 0 0;
    color: var(--text-color-low);
    padding-inline-start: 21px;
    white-space: normal;
    width: 100%;
}
.top-user-status-popup .activity-status-info.last {
    margin-bottom: 0;
}
.dropdown.popup.notification-popup {
    padding: 0 !important;
}
.dropdown.popup.top-login-popup {
    min-width: 332px;
}
.dropdown.popup.top-warning-popup {
    min-width: 404px;
    border-radius: 24px;
}
.dropdown.popup.top-warning-popup .fm-notifications-bottom {
    padding: 24px 0 0;
    justify-content: flex-end;
    min-height: 0;
}
.dropdown.popup.astropay-payment-reminder {
    min-width: 434px;
}
.dropdown.popup.membership-popup {
    min-width: 472px;
    min-height: 265px;
}
.dropdown.popup.over-quota .warning-popup-body {
    font: var(--text-body2);
}
.dropdown.popup.over-quota {
    width: 528px;
}
.dropdown.popup.over-quota a {
    color: var(--text-color-info);
}
.dropdown.popup.over-quota .description {
    margin: 16px 0 0;
}
.dropdown.popup.ephemeral-session .description {
    font: var(--text-body2);
}
.dropdown.popup.ephemeral-session .warning-popup-body .green {
    color: var(--text-color-success);
}
.membership-main-block, .membership-loading {
    min-height: 211px;
    position: relative;
}
.membership-loader {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    background-color: black;
    border-radius: 100%;
}
.membership-loader img {
    width: 38px;
    margin: 1px;
}
.fm-account-bg .plan-icon {
    position: static;
    float: left;
    margin: -1px -1px 0 -5px;
}
.membership-big-txt {
    font-size: 15px;
    line-height: 21px;
    padding: 4px 0 6px 0;
}
.fm-account-reseller .membership-big-txt {
    font-size: 20px;
    line-height: 21px;
    padding: 21px 0 6px 0;
    box-sizing: border-box;
    height: 68px;
}
.membership-big-txt.name {
    padding: 20px 0 0;
    font: var(--text-h2);
    color: var(--text-color-high);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
}
.membership-big-txt.email {
    margin: 0 0 8px 0;
    font: var(--text-body1);
    color: var(--text-color-medium);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    box-sizing: border-box;
}
.membership-big-txt.plan-txt {
    color: #71AD32;
}
.pro-popup .membership-big-txt.plan-txt {
    color: #333333;
}
.pro-popup .membership-big-txt.balance {
    color: #D90007;
}
.membership-big-txt.floating {
    display: inline-block;
}

/* Hide some dialogs copied to the Pro plan page for mobile only so duplicates are not shown */
.mobile.fm-dialog-overlay,
.mobile.payment-result.success,
.mobile.payment-result.failed,
.mobile.payment-result.pending.original,
.mobile.payment-result.pending.alternate {
    display: none;
    position: absolute;
}

.dropdown.body.submenu.reset {
    left: 100%;
    right: auto;
}
.dropdown.body.submenu.left-position,
.fm-context-menu .context-submenu.left-position {
    left: auto;
    right: 100%;
}
.rtl .dropdown.body.submenu.right-position,
.rtl .fm-context-menu .context-submenu.right-position {
    left: 100%;
    right: auto;
}
.dropdown.body.submenu.overlap-right,
.fm-context-menu .context-submenu.overlap-right {
    right: auto;
}
.dropdown.body.submenu.overlap-left,
.fm-context-menu .context-submenu.overlap-left {
    left: auto;
}
.context-top-arrow, .context-bottom-arrow {
    height: 0;
    width: 0;
    left: calc(50% - 4px);
    position: absolute;
    top: 10px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    cursor: pointer;
    display: none;
}
.mega-height > .context-top-arrow, .mega-height > .context-bottom-arrow {
    display:block;
}
.context-top-arrow {
    border-bottom: 4px solid var(--icon-rest);
}
.context-bottom-arrow {
    border-top: 4px solid var(--icon-rest);
    top: auto;
    bottom: 10px;
}
.context-top-arrow.disabled, .context-bottom-arrow.disabled {
    opacity: 0.7;
    cursor: default;
}
.dropdown.body.submenu.mega-height, .dropdown.files-menu.mega-height {
    padding: 22px 8px;
    margin-top: -14px;
}
.dropdown.body.submenu.mega-height > .context-top-arrow,
.dropdown.body.submenu.mega-height > .context-bottom-arrow,
.context-scrolling-block {
    display: block;
}
.dropdown.body.submenu.mega-height > .context-scrolling-block,
.dropdown.files-menu.mega-height > .context-scrolling-block,
.fm-context-menu.mega-height > .context-scrolling-block {
    height: 100%;
    overflow: hidden;
    margin: 0 -8px;
    padding: 0 8px;
}
.sorting-menu-item {
    display: block;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    background-color: rgba(255,255,255,0);
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    box-sizing: border-box;
    border-radius: 2px;
    height: 24px;
    line-height: 23px;
    padding: 0 12px;
    font-size: 13px;
    color: rgba(153,153,153,1);
    background-repeat: no-repeat;
    background-position: right -7966px;
}
.sorting-menu-item:hover {
    background-color: rgba(255,255,255,0.1);
}
.sorting-menu-item.active,
.sorting-menu-item.selected {
    background-image: url(../images/mega/fm-main-sprite.png);
    color: rgba(255,255,255,1);
}
.left-points-position .context-menu-points,
.right-points-position .context-menu-points,
.top-points-position .context-menu-points,
.bottom-points-position .context-menu-points {
    display: block;
}
.left-points-position.context-menu, .right-points-position.context-menu {
    padding: 16px 0 8px 0;
}
.top-points-position.context-menu, .bottom-points-position.context-menu {
    padding: 16px 0 8px 0;
}
.right-points-position .context-menu-points {
    left: auto;
    right: 4px;
}
.bottom-points-position .context-menu-points {
    top: auto;
    bottom: 4px;
}
.open-item .context-menu-icon {
    background-position: -3px -4633px;
}
.cloud-item .context-menu-icon {
    background-position: 6px -8444px;
}
.download-item .context-menu-icon {
    background-position: -3px -5212px;
}
.download-standart-item .context-menu-icon {
    background-position: -3px -304px;
}
.zipdownload-item .context-menu-icon {
    background-position: -3px -336px;
}
.send-to-contact-item .context-menu-icon {
    background-position: -3px -4694px;
}
.send-to-contact-item .context-menu-icon {
    background-position: -3px -4987px;
}
.getlink-item .context-menu-icon {
    background-position: -3px -4344px;
}
.removelink-item .context-menu-icon {
    background-position: -3px -5186px;
}
.sh4r1ng-item .context-menu-icon {
    background-position: -3px -4800px;
}
.image-like-item .context-menu-icon {
    background-position: -3px -4800px;
}
.move-item .context-menu-icon {
    background-position: -3px -4416px;
}
.copy-item .context-menu-icon, .import-item .context-menu-icon {
    background-position: -2px -4448px;
}
.folder-item .context-menu-icon {
    background-position: -3px -4556px;
}
.shared-folder-item .context-menu-icon {
    background-position: -4px -4666px;
}
.newfolder-item .context-menu-icon {
    background-position: -3px -5160px;
}
.fileupload-item .context-menu-icon {
    background-position: -3px -4312px;
}
.folderupload-item .context-menu-icon {
    background-position: -3px -5250px;
}
.remove-item .context-menu-icon, .clearbin-item .context-menu-icon {
    background-position: -3px -4479px;
}
.startchat-item .context-menu-icon {
    background-position: -4px -7260px;
}
.startaudio-item .context-menu-icon {
    background-position: -4px -2259px;
}
.startvideo-item .context-menu-icon {
    background-position: -5px -2004px;
}
.leaveshare-item .context-menu-icon {
    background-position: -1px -10038px;
}
.properties-item .context-menu-icon {
    background-position: -3px -4240px;
}
.advanced-item .context-menu-icon {
    background-position: 5px -8579px;
}
.permissions-item .context-menu-icon {
    background-position: -2px -4935px;
}
.permissions-item .context-menu-icon {
    background-position: -3px -4935px;
}
.rename-item .context-menu-icon {
    background-position: -3px -4383px;
}
.addcontact-item .context-menu-icon {
    background-position: -3px -5020px;
}
.reply-item .context-menu-icon {
    background-position: -3px -5057px;
}
.reply-to-all .context-menu-icon {
    background-position: -3px -5090px;
}
.forward-item .context-menu-icon {
    background-position: -3px -5123px;
}
.add-star-item .context-menu-icon {
    background-position: -3px -4271px;
}
.canceltransfer-item .context-menu-icon {
    background-position: 4px -3716px;
}
.select-all .context-menu-icon {
    background-position: -1px -5290px;
}
.preview-item .context-menu-icon {
    background-position: -3px -5380px;
}
.transfer-pause .context-menu-icon {
    background-position: 5px -3612px;
}
.transfer-play .context-menu-icon {
    background-position: 4px -5432px;
}
.move-up .context-menu-icon {
    background-position: 5px -3652px;
}
.move-down .context-menu-icon {
    background-position: 5px -3684px;
}
.transfer-clear .context-menu-icon {
    background-position: 5px -3716px;
}
.full-access .context-menu-icon, .read-and-write .context-menu-icon, .read-only .context-menu-icon {
    background-image: url(../images/mega/dialog-sprite.png);
    background-repeat: no-repeat;
}
.full-access .context-menu-icon {
    background-position: -75px -175px;
}
.read-and-write .context-menu-icon {
    background-position: -75px -207px;
}
.read-only .context-menu-icon {
    background-position: -75px -238px;
}
.fm-account-main {
    height: 100%;
    max-width: 100%;
    width: 100%;
}
.fm-account-header {
    font: var(--text-h3-bold);
    margin: 3px 0;
    color: var(--text-color-high);
    height: 18px;
}
.transfers-form .fm-account-header {
    height: auto;
}
.fm-account-header.big {
    font-size: 18px;
    padding: 18px 0 0 0;
}
.fm-account-header.light-grey {
    color: #999999;
}
.fm-account-history .fm-account-header, .fm-account-widget .fm-account-header {
    line-height: 16px;
}
.account.data-txt {
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 0 0 0;
    margin: 0 0 -9px 0;
}
.account.data-txt span {
    color: #D90007;
}
.fm-account-header .semi-big-icon {
    vertical-align: top;
    margin: -5px 12px -3px -1px;
}
.fm-account-header span {
    vertical-align: top;
    display: inline-block;
}
.avatar-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    pointer-events: none;
}
.avatar-bg span {
    background-size: cover;
    background-position: center;
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
    display: block;
    position: absolute;
    filter: blur(10px);
    -webkit-filter: blur(15px);
}
.avatar-bg::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(245,245,245,0.5) 0%, rgba(245,245,245,1) 100%);
}
.avatar-bg.colorized::after {
    background: linear-gradient(to bottom, rgba(245,245,245,0.7) 0%, rgba(245,245,245,1) 100%);
}
.account.user-data-block {
    position: relative;
    padding: 60px 20px 16px 20px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.account.user-data-block .plan-icon i {
    display: none;
    width: 24px;
    height: 24px;
    margin: 0 auto 4px;
}
.account.user-data-block .plan-icon.free i.free,
.account.user-data-block .plan-icon.pro1 i.pro1,
.account.user-data-block .plan-icon.pro2 i.pro2,
.account.user-data-block .plan-icon.pro3 i.pro3,
.account.user-data-block .plan-icon.pro4 i.pro4,
.account.user-data-block .plan-icon.pro101 i.pro101,
.account.user-data-block .plan-icon.pro100 i.business {
    display: block;
}
.account.membership-plan {
    font: var(--text-body1);
    color: var(--text-color-high);
    position: relative;
}
.account.usename-block {
    position: relative;
    display: inline-block;
    max-width: 100%;
}
.account.settings-button {
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
}
.account.settings-button i {
    display: none;
}
.expiry a {
    color: #fc444b;
}

/* Dashboard section */

.rtl .content-panel.dashboard {
    direction: rtl;
}
.widgets.content-block {
    padding: 0 24px 24px;
    margin: 0 auto;
    max-width: 988px;
    box-sizing: border-box;
}
.rtl .widgets.content-block {
    direction: rtl;
}
.ar.business-user .widgets.content-block {
    min-width: 750px;
}
.widgets.content-block .data-table tr:nth-child(2) td {
    border-width: 1px 0 0 0;
}
.widgets.content-block .data-table tr:nth-child(2) td::after {
    display: block;
}

.dashboard .quota-banner .account.chart.body::after {
    background: var(--surface-main);
}

.dashboard .account.user-data-block {
    padding: 60px 20px 0 20px;
}

.dashboard .welcome-message-banner {
    margin: 24px 0;
}

.dashboard .welcome-message-banner i {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-inline-end: 8px;
}

.dashboard .welcome-message-banner .message {
    display: inline-block;
    color: var(--text-color-high);
    font: var(--text-h3);
    font-family: var(--text-font-family);
    font-weight: 600;
    vertical-align: middle;
}

.account.left-pane.divider {
    height: 2px;
    background: var(--surface-main);
}
.account.max-width-bl {
    max-width: 1400px;
}
.account.left-pane .progress-block {
    background-color: rgba(0,0,0,0.05);
}
.account.left-pane button {
    margin: 12px auto;
}
.account.left-pane.small-txt {
    display: block;
    font: var(--text-body1);
    color: var(--text-color-medium);
    white-space: normal;
    text-align: start;
    margin: 6px 0;
}
.account.left-pane.big-txt {
    display: block;
    font: var(--text-body1);
    color: var(--text-color-high);
    white-space: normal;
    text-align: end;
    margin: 6px 0;
    margin-inline-start: auto;
}
.account.left-pane.big-txt.suba-pay-bill {
    width:100%;
    margin-top: -2px;
    margin-bottom: 15px;
}
.left-pane.info-block.business-users .account.left-pane.big-txt.suba-status.disabled,
.left-pane.info-block.business-users .account.left-pane.big-txt.suba-status.pending,
.left-pane.info-block.business-users .account.left-pane.big-txt.suba-days-left {
    color: var(--text-color-warning);
    opacity: 1;
    font: var(--text-h3);
}
.left-pane.info-block.business-users .account.left-pane.big-txt.suba-days-left {
    margin-top: -10px;
}
.account.left-pane.big-txt span {
    color: #777777;
    padding-left: 5px;
}
.account.left-pane.big-txt .pay-bill-btn span {
    color: unset;
    padding-left: unset;
}
.account.widget .fm-account-blocks {
    padding-top: 10px;
    max-width: 50%;
}
.chart-warning {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    border-left: 2px solid #FFD300;
    padding: 0 0 0 8px;
    margin: 21px 0 1px 0;
    position: relative;
    cursor: pointer;
}
.chart-warning a {
    color: #D90007;
    font-family: 'source_sans_prosemibold', sans-serif;
}
.chart-warning.red, .exceeded .chart-warning {
    border-color: #D90007;
}
.going-out .big-icon.cloud {
    background-position: 0 -11804px;
}
.settings-banner .going-out .chart.progressbars span::before {
    background: var(--stroke-warning);
}
.exceeded .big-icon.cloud {
    background-position: 0 -10934px;
}
.exceeded .chart.data .perc-txt,
.exceeded .chart.data .size-txt,
.settings-banner .exceeded .chart.data .size-txt,
.settings-banner .exceeded .chart.data .perc-txt {
    color: var(--text-color-error);
}
.exceeded .chart.progressbars span::before,
.bandwidth.exceeded .chart.progressbars span::before {
    background: var(--stroke-error);
}
.account.widget.text a.blue {
    color: #2BA6DE;
}
.account.widget.body.min-height {
    min-height: 218px;
}
.dashboard-section button.upload-file {
    --mask-color: var(--secondary-green);
    margin-inline-start: auto;
}
.account.data-table {
    width: calc(100% + 48px);
    margin-inline-start: -24px;
    border: 0;
    background: transparent;
    padding: 0 8px 8px;
}
.account.data-table tr td::after {
    background: var(--divider-color);
}
.account.data-table td:last-of-type {
    text-align: end;
}
.account.data-table .empty td {
    color: var(--text-color-low);
}
.account.data-table .empty i {
    --mask-color: var(--icon-inactive);
}
.account.data-item .tiny-icon.cog {
    margin-top: 2px;
    margin-left: 4px;
    opacity: 0.8;
    cursor: pointer;
}
.account.data-item .tiny-icon.cog:hover {
    opacity: 1;
}
.widget.buttons.qr-widget {
    margin-top: 105px;
    margin-right: 0;
}
.account.widget.text.qr-text {
    float: left;
    width: 65%;
}
.account.bonuses-blocks,
.account.referral-blocks {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 16px;
}
.account.bonuses-block {
    align-items: center;
    display: flex;
    margin-top: 16px;
    width: 50%;
}
.low-width .account.bonuses-blocks,
.low-width .account.referral-blocks {
    justify-content: center;
}
.account.referral-block {
    font: var(--text-h2);
    margin-top: 16px;
}
.dashboard-section .account.referral-block {
    width: auto;
}
.account.achievements button.more-bonuses,
.account.referrals button.referral-program {
    flex: 0 0 auto;
    flex-shrink: 1;
}
.account.bonuses-icon i {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-inline-end: 24px;
}
.account.bonuses-title,
.account.referral-title {
    white-space: nowrap;
    font: var(--text-body1);
    font-family: var(--text-font-family);
    font-weight: 600;
}
.account.referral-title {
    margin-bottom: 4px;
}
.account.bonuses-size {
    font: var(--text-h3);
    color: var(--text-color-success);
}
.account.referral-value.local {
    font: var(--text-h1);
    color: var(--secondary-green);
    display: inline-block;
}
.account.referral-value.euro {
    font: var(--text-body2);
    color: var(--text-color-medium);
    border: 1px solid var(--stroke-grey-2);
    border-radius: 12px;
    padding: 0 4px;
    display: inline-block;
    vertical-align: text-bottom;
}
.account.referrals .disclaimer {
    font: var(--text-body2);
    color: var(--text-color-medium);
    margin-top: 12px;
}
.low-width .account.referrals .disclaimer {
    text-align: center;
}
.account.responsive-widget-block {
    display: flex;
    flex-direction: row;
}
.account.responsive-widget-block .widget.body {
    width: 100%;
}
.fm-right-block.dashboard.active-achievements .account.responsive-widget-block .widget.body:nth-child(2n) {
    margin-inline-start: 12px;
}

/* Low width */
.low-width .account.responsive-widget-block {
    flex-direction: column;
}
.fm-right-block.dashboard.active-achievements.low-width .account.responsive-widget-block .widget.body {
    margin-top: 12px;
    margin-inline-start: 0;
    width: 100%;
}
.low-width .account.referral-block {
    margin: 0 0 24px;
    width: 50%;
}
.low-width .account.referral-value.local {
    font: var(--text-h2);
}

.chat-widget .account.data-item,
.chat-widget .account.widget.title {
    cursor: pointer;
}
.account.data-table i {
    --icon-size: 16px;
    --mask-color: var(--icon-rest);
    display: inline-block;
    margin-inline-end: 8px;
    vertical-align: middle;
}
.account.data-table i.versioning-settings {
    margin-inline-start: 4px;
    cursor: pointer;
}

/* Temporarily hide Versions in the dashboard bottom table for MEGA Lite mode until supported properly */
.mega-lite-mode .account.data-table .account-data-item-versions {
	display: none;
}
.account.data-table i.versioning-settings:hover {
    --mask-color: var(--icon-active);
}
.account.data-table td span {
    vertical-align: middle;
}
.account.data-left-td {
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    padding: 8px 15px 8px 0;
    display: table-cell;
}
.account.data-right-td {
    width: 19px;
    vertical-align: middle;
    display: table-cell;
    text-align: right;
}
.account.data-right-td span {
    min-width: 19px;
    height: 19px;
    display: inline-block;
    border-radius: 19px;
    box-shadow: 0 0 0 1px #EEEEEE;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    text-align: center;
    padding: 0 6px;
    margin: 1px 0 0 0;
}
.account.learn-more {
    height: 21px;
    font-family: 'LatoWebSemibold', sans-serif;
    font-size: 13px;
    color: #F0373A;
    letter-spacing: 0.93px;
    cursor: pointer;
    position: relative;
}
.dropdown.transfer-icon {
    background-image: url(../images/mega/account-sprite.png);
    background-repeat: no-repeat;
    background-position: -3px -554px;
    width: 68px;
    height: 68px;
    margin: 23px auto 0 auto;
}
.small.account.progress-list {
    padding: 9px 0 11px 0;
    display: block;
}
.account.widget .medium.account.progress-list {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.account.widget .medium.account.progress-list .item-wrapper {
    flex-shrink: 1;
}
/* Temporarily hide Versions and Backups from the Used Storage area on the dashboard until MEGA Lite supports it properly */
.mega-lite-mode .account.widget .medium.account.progress-list .account-item-wrapper-versions,
.mega-lite-mode .account.widget .medium.account.progress-list .account-item-wrapper-backups {
    display: none;
}
.account.widget .medium.account.progress-list .item-wrapper .pr-item {
    width: max-content;
}
.small.account.progress-list.colorized {
    padding: 12px 0 2px 0;
}
.medium.account.grey-info-bl {
    background-color: #F2F2F2;
    border-radius: 4px;
    margin: 24px -8px 22px -8px;
    padding: 4px 8px 4px 9px;
}
.medium.account.grey-info-bl i {
    margin: 3px 4px 0 0;
}
.grey-info-bl .account.progress-title {
    height: auto;
    font-size: 13px;
    color: #777777;
    font-family: 'Open Sans Italic', sans-serif;
}
.grey-info-bl .version-settings-button {
    line-height: 16px;
}
.grey-info-bl .version-settings-button {
    font-size: 13px;
    color: #888;
    margin-left:22px;
    cursor: pointer;
    line-height: inherit;
}
.grey-info-bl .version-settings-button:hover {
    color: #666;
    text-decoration: underline;
}
.small .account.progress-title {
    float: left;
    height: 24px;
    padding: 0;
}
.medium .account.progress-title {
    padding: 0;
}
.medium .account.progress-size {
    font-size: 18px;
    line-height: 22px;
}
.small.account.progress-size {
    font: var(--text-body2);
    color: var(--text-color-success);
    display: inline-block;
}
.account.progress-block.tiny {
    height: 8px;
    border-radius: 8px;
    margin-bottom: 2px;
    background-color: white;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px rgba(153,153,153,1);
}
.account.progress-block.tiny.filled {
    background-color: #EEEEEE;
    box-shadow: none;
}
/* End of Dashboard section */

.top-login-full {
    --icon-size: 24px;
    right: 14px;
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 10;
    top: 14px;
    --mask-color: var(--icon-rest);
}
.rtl .top-login-full {
    right: auto;
    left: 14px;
}
.top-login-full:hover {
    --mask-color: var(--icon-active);
}
.top-login-input-block, .affiliate-input-block {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: 6px -73px;
    background-repeat: no-repeat;
    padding: 1px 11px 1px 31px;
    position: relative;
}
.top-login-input-block, .affiliate-input-block:not(.dynamic-height) {
    height: 30px;
}
.fm-account-input.voucheramount {
    min-width: 50px;
    width: 80px;
    float: right;
    margin-top: 0;
    background: var(--surface-grey-1);
}
.top-login-input-block.focused, .affiliate-input-block.focused {
    border-color: #b2b2b2;
}
.top-login-input-block.incorrect, .affiliate-input-block.incorrect {
    border-color: #D52600;
}
.top-login-input-block.e-mail {
    background-position: 6px -73px;
}
.top-login-input-block.password {
    background-position: 6px -113px;
}
.top-login-input-block.e-mail.incorrect {
    background-position: 6px -153px;
}
.top-login-input-block.password.incorrect {
    background-position: 6px -193px;
}
.top-login-input-block input, .affiliate-input-block input, .affiliate-input-block textarea {
    border: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #666;
    line-height: 25px;
    font-family: 'source_sans_proregular', Arial, sans-serif;
}
.top-login-input-block input, .affiliate-input-block input {
    height: 25px;
}
.top-login-input-block input::-webkit-input-placeholder, .affiliate-input-block input::-webkit-input-placeholder {
    color: #878787 !important;
}
.top-login-input-block input:-moz-placeholder, .affiliate-input-block input:-moz-placeholder {
    color: #878787 !important;
    opacity: 1;
}
.top-login-input-block input::-moz-placeholder, .affiliate-input-block input::-moz-placeholder {
    color: #878787 !important;
    opacity: 1;
}
.top-login-input-block input:-ms-input-placeholder, .affiliate-input-block input:-ms-input-placeholder {
    color: #878787 !important;
}
.top-head .dropdown.top-login-popup {
    top: 48px;
}
.top-login-warning {
    position: absolute;
    background: var(--surface-main-inverted);
    width: 100%;
    min-height: 60px;
    border-radius: 6px;
    transition: opacity 200ms ease-in-out 0s;
    opacity: 1;
    left: 0;
    top: calc(100% + 12px);
    font: var(--text-body1);
}
.video-theatre-mode .top-login-warning.active {
    margin-top: 28px;
}
.top-login-warning-close {
    position: absolute;
    top: 14px;
    right: 14px;
    --icon-size: 16px;
    cursor: pointer;
    --mask-color: var(--icon-rest-inverted);
}
.rtl .top-login-warning-close {
    left: 14px;
    right: auto;
}
.top-login-warning-close:hover {
    --mask-color: var(--icon-active-inverted);
}
.top-login-warning-pad {
    padding: 24px;
    font: var(--text-body2);
    color: var(--text-color-medium-inverted);
}
.top-login-warning-icon {
    float: left;
    width: 48px;
    height: 48px;
}
.rtl .top-login-warning-icon {
    float: right;
}
.top-login-warning-txt {
    margin-inline-start: 62px;
    padding-bottom: 12px;
    padding-inline-end: 10px;
}
.top-login-warning-pad a {
    color: var(--text-color-error-inverted);
}
.top-login-warning-bott {
    padding-top: 20px;
}
.top-login-popup .top-login-warning-bott .radio-txt {
    font: var(--text-body2);
    color: var(--text-color-low-inverted);
}
.top-login-input-tooltip {
    position: absolute;
    width: 1px;
    height: 26px;
    left: 0;
    z-index: 10;
    display: none;
}
.login-register-input .top-login-input-tooltip {
    left: auto;
    right: 0;
}
.top-login-input-block.incorrect .top-login-input-tooltip, .login-register-input.incorrect .top-login-input-tooltip {
    display: block;
}
.top-login-tooltip-arrow {
    width: 5px;
    height: 26px;
    position: relative;
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: -3px -554px;
    background-repeat: no-repeat;
    margin-left: -13px;
}
.top-login-forgot-pass {
    font: var(--text-body1);
    color: var(--text-color-low) !important;
    text-decoration: underline;
}
.top-login-forgot-pass:hover {
    text-decoration: none;
}
.password-tooltip-arrow {
    width: 13px;
    height: 5px;
    position: absolute;
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: 0 -912px;
    background-repeat: no-repeat;
    margin: 0 0 -10px -6px;
    left: 50%;
}
.login-register-input .top-login-tooltip-arrow {
    background-position: -3px -849px;
    margin-left: 6px;
}
.top-loginp-tooltip-txt {
    position: absolute;
    right: 5px;
    top: -2px;
    height: 30px;
    line-height: 28px;
    background-color: rgba(0,0,0,0.9);
    border-radius: 7px;
    padding: 0 10px;
    color: #FF2C00;
    white-space: nowrap;
    box-sizing: border-box;
}
.login-register-input .top-loginp-tooltip-txt {
    left: 5px;
    min-width: 220px;
    right: auto;
    top: -5px;
    min-height: 46px;
    text-align: left;
    line-height: 15px;
    padding: 7px 15px 5px 15px;
    font-size: 13px;
    height: auto;
}
.top-login-input-tooltip.both-incorrect {
    display: none;
    margin-top: 23px;
}
.both-incorrect-inputs .top-login-input-tooltip.both-incorrect {
    display: block;
}
.both-incorrect .top-loginp-tooltip-txt {
    min-height: 45px;
    text-align: center;
    line-height: 16px;
    padding: 5px 15px;
    top: -9px;
}
.top-loginp-tooltip-txt .white-txt, .login-register-input .white-txt {
    color: white;
}
.both-incorrect-inputs .top-login-input-block {
    border-color: #D52600;
}
.both-incorrect-inputs .top-login-input-block.e-mail {
    background-position: 6px -153px;
}
.both-incorrect-inputs .top-login-input-block.password {
    background-position: 6px -193px;
}
.main-top-info-block {
    display: flex;
    align-items: center;
    height: 36px;
    background-color: var(--secondary-orange);
    box-sizing: border-box;
    position: relative;
    top: 67px;
    border-radius: 8px;
    width: calc(100% - 24px);
    left: 12px;
    color: var(--text-color-white-high);
}
.main-top-info-block i {
    --mask-color: var(--secondary-white);
    --icon-size: 24px;
    margin-left: 12px;
}
.main-top-info-text {
    margin: 0 0 0 12px;
    height: 30px;
    line-height: 28px;
    color: white;
    font-size: 14px;
}
.main-mid-pad {
    max-width: 1020px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}
.bottom-page.sign .main-mid-pad {
    max-width: 1020px;
}
.main-mid-pad.improved-recovery-steps, .main-mid-pad.backup-recover.withkey, .main-mid-pad.bus-repay {
    max-width: 100%;
    padding: 0 0;
    background-color: #F5F7F9;
}
.main-mid-pad.improved-recovery-steps {
    background-color: var(--stroke-grey-1);
}
.main-mid-pad.bus-repay {
    background: var(--surface-grey-1);
}
.main-mid-pad.plans {
    padding-bottom: 2px;
}
.key .main-mid-pad.plans {
    max-width: 1280px;
    min-width: 980px;
    width: auto;
}
.key3.main-mid-pad {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.main-left-block {
    width: 420px;
    float: left;
    padding: 42px 0;
}
.email-change .main-left-block {
    padding: 73px 0;
}
.main-right-block {
    margin-left: 520px;
}
.sign .main-right-block {
    padding-top: 155px;
    margin-left: 560px;
}
.sign .login .main-right-block {
    padding-top: 68px;
}
h3.main-italic-header {
    font-size: 19px;
    line-height: 31px;
    font-family: 'source_sans_proregular', Arial, sans-serif;
    margin: 0;
    padding: 30px 0 25px 0;
    font-weight: normal;
    color: #333333;
}
.improved-recovery-steps h3.main-italic-header {
    color: var(--text-color-high);
}
h5.main-italic-header {
    font-size: 17px;
    line-height: 28px;
    font-family: 'source_sans_proregular', Arial, sans-serif;
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: normal;
    color: #333333;
}
.main-italic-header .red {
    color: #F0373B;
}
.login-register-input {
    height: 40px;
    border: 2px solid #d9d9d9;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 20px;
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: 9px -69px;
    background-repeat: no-repeat;
    padding: 0 10px 0 35px;
    position: relative;
}
.top-dialog-login-button span {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
button.loading span i {
    display: block;
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: 2px 0 0 0;
    vertical-align: top;
}
.top-dialog-login-button.loading .loading-gif {
    background: rgba(0, 0, 0, 0) url("../images/mega/ajax-loader.gif") no-repeat scroll 0 0 / 16px 16px;
    box-shadow: none;
    display: inline;
    height: 16px;
    padding: 0 8px;
    width: 16px;
}
.login-register-input input {
    border: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #868686;
    line-height: 21px;
    margin-top: 7px;
    font-family: 'source_sans_proregular', Arial, sans-serif;
}
.login-register-input.email {
    background-position: 9px -68px;
}
.login-register-input.password {
    background-position: 9px -109px;
}
.login-register-input.green-tick {
    background-image: url(../images/mega/encr-sprite.png);
    background-position: 6px -585px;
    background-repeat: no-repeat;
}
.login-register-input.name {
    background-position: 9px -1049px;
}
.login-register-input.focused {
    border-color: #b2b2b2;
}
.login-register-input.incorrect {
    border-color: #D52600;
}
.login-register-input.email.incorrect {
    background-position: 9px -149px;
}
.login-register-input.password.incorrect {
    background-position: 9px -189px;
}
.login-register-input.name.incorrect {
    background-position: 9px -1099px;
}
.login-page-forgot-bl {
    padding: 0 0 24px;
    text-align: end;
}
.register-st2-txt-block {
    padding-top: 80px;
}
.register-st2-txt-block p {
    padding: 0 0 30px 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}
.improved-recovery-steps .register-st2-txt-block p {
    color: var(--text-color-medium);
}
.register-st2-txt-block p a {
    color: #F0373B;
}
.register-st2-txt-block p a:focus, .register-st2-txt-block p a:hover {
    text-decoration: underline;
}
.register-st2-button {
    float: left;
    cursor: pointer;
    margin-bottom: 20px;
}
.register-st2-button-arrow {
    height: 40px;
    background-color: rgba(0,0,0,0.05);
    color: white;
    padding: 0 30px 0 15px;
    font-size: 14px;
    line-height: 38px;
    border-radius: 5px;
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: right -662px;
    background-repeat: no-repeat;
}
.back .register-st2-button-arrow {
    padding: 0 15px 0 30px;
    background-position: -28px -1197px;
}
.active .register-st2-button-arrow {
    background-color: #F0373B;
}
.register-name-input-block {
    float: left;
    width: 174px;
    border-right: 2px solid #d9d9d9;
    box-sizing: border-box;
    padding-right: 10px;
    height: 36px;
}
.register-family-input-block {
    margin-left: 174px;
    box-sizing: border-box;
    padding-left: 10px;
    height: 36px;
}
.incorrect .register-name-input-block {
    border-color: #D52600;
}
.login-register-input.meets-minimum-strength,
.login-register-input.insufficient-strength,
.login-register-input.loading {
    padding: 0 30px 0 35px;
}
.password-status-icon {
    height: 36px;
    width: 30px;
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: 2px -1000px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 22px;
    display: none;
}
.insufficient-strength .password-status-icon {
    background-position: 2px -939px;
}
.meets-minimum-strength .password-status-icon, .insufficient-strength .password-status-icon {
    display: block;
}
.password-status-warning {
    line-height: 28px;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 7px;
    padding: 0 10px;
    color: white;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 13px;
    position: absolute;
    left: 50%;
    bottom: 33px;
    margin-left: -87px;
}
.password-warning-txt {
    color: #FFBA00;
}
.mega-dialog.registration-success.registration-page-success.chatlink .fm-dialog-close {
    display: none;
}
.reg-resend-email {
    display: table;
    width: 100%;
}
.special .reg-resend-email {
    margin-top: 30px;
}
.reg-resend-input-bl {
    display: table-cell;
    padding: 0 12px 0 0;
    vertical-align: top;
}
.reg-resend-input-bl input {
    background-color: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--text-color-high);
    display: block;
    width: 100%;
    min-height: 36px;
    max-height: 36px;
    font-family: 'LatoWeb', sans-serif;
    font-size: 14px;
    line-height: 32px;
    padding: 0 15px;
}
.reg-resend-button-bl {
    display: table-cell;
    width: 92px;
    vertical-align: top;
}
.resend-email-button {
    background-color: #00bfa5;
    border: 1px solid #00ac94;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
    color: #fff;
    font-family: 'LatoWeb', sans-serif;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 16px 0 35px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    transition: all 200ms ease-in-out;
    white-space: nowrap;
    cursor: pointer;
    background-image: url(../images/mega/register-big-sprite.png);
    background-position: 12px 7px;
}
.resend-email-button:hover {
    background-color: #00ac94;
}
.fm-dialog-top-text {
    padding: 0;
    font-size: 14px;
    line-height: 18px;
}
.reset-small-txt {
    color: var(--text-color-medium);
    padding: 20px 0 16px 0;
}

.terms-agent-info {
    background-image: url(../images/mega/terms-icons.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
    display: block;
    padding: 0 0 0 32px;
    margin-bottom: 15px;
}
.terms-agent-info.name {
    margin: -5px 0 15px 0;
    background-position: 0 6px;
}
.terms-agent-info.adress {
    margin: 0 0 15px 0;
    background-position: 0 -101px;
}
.terms-agent-info.email {
    margin: 0;
    background-position: 0 -229px;
}

.account-warning-icon {
    width: 19px;
    margin-left: 3px;
    background-image: url(../images/mega/top-login-sprite@2x.png);
    background-position: 3px -1888px;
    position: relative;
    display: none;
}
.exceeded .account-warning-icon {
    display: inline-block;
}
.sync-top-txt-block h3.main-italic-header .blue {
    color: #1FA4E5;
}
.gray-bg {
    background-color: #f2f2f2;
}
.white-bg {
    background-color: white;
}
strong, b {
    font-family: var(--text-font-family);
    font-weight: bold;
}
.share-folder-block {
    min-height: 90px;
    background-color: #F6F6F6;
    margin: 12px 0 -12px 0;
}
.share-folder-info {
    margin-left: 87px;
    padding: 23px 0 0 0;
}
.share-folder-info .propreties-dark-txt {
    font-size: 13px;
    line-height: 20px;
}
.share-folder-link-bl {
    padding: 5px 0 15px 16px;
}
.about-top-block {
    background-color: #fafafa;
}
.about-top-block p {
    padding: 8px 0 10px 0;
}
.widget-block {
    position: absolute;
    width: 54px;
    height: 54px;
    border: 2px solid #f2f2f2;
    border-radius: 100%;
    box-sizing: border-box;
    padding: 5px;
    z-index: 800;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
}
.widget-block:hover {
    border: 2px solid #b2b2b2;
}
.widget-circle, .widget-arrows {
    width: 40px;
    height: 40px;
    background-image: url(../images/mega/widget-progress.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.widget-arrows {
    background-position: left -1060px;
    position: relative;
}
.widget-tooltip {
    position: absolute;
    bottom: 56px;
    left: -7px;
    background-color: white;
    border: 2px solid rgba(0,0,0,0.3);
    border-radius: 7px;
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    min-width: 195px;
    box-sizing: border-box;
    padding: 10px 10px 1px 10px;
    z-index: 900;
    display: none;
}
.widget-icon {
    white-space: nowrap;
    font-size: 13px;
    line-height: 18px;
    padding-left: 27px;
    min-height: 18px;
    background-image: url(../images/mega/widget-progress.png);
    background-position: -11px -1132px;
    background-repeat: no-repeat;
    color: #666666;
    margin-bottom: 9px;
}
.widget-icon.downloading {
    background-position: -11px -1200px;
}
.widget-txt {
    min-width: 85px;
    padding-right: 10px;
    box-sizing: border-box;
    display: inline-block;
}
.widget-speed-block {
    display: inline-block;
    color: white;
    background-color: #b2b2b2;
    padding: 0 10px;
    border-radius: 10px;
}
.widget-arrow {
    position: absolute;
    bottom: 50px;
    left: 14px;
    background-image: url(../images/mega/widget-progress.png);
    background-position: center -1261px;
    width: 12px;
    height: 8px;
    z-index: 900;
    word-break: break-all;
    display: none;
}
.active .widget-tooltip, .active .widget-arrow {
    display: block;
}
.widget-circle.percents-0 {
    background-position: 0 0;
}
.widget-circle.percents-1,
.widget-circle.percents-2,
.widget-circle.percents-3,
.widget-circle.percents-4,
.widget-circle.percents-5,
.widget-circle.percents-6 {
    background-position: 0 -50px;
}
.widget-circle.percents-7,
.widget-circle.percents-8,
.widget-circle.percents-9,
.widget-circle.percents-10,
.widget-circle.percents-11,
.widget-circle.percents-12 {
    background-position: 0 -100px;
}
.widget-circle.percents-13,
.widget-circle.percents-14,
.widget-circle.percents-15,
.widget-circle.percents-16,
.widget-circle.percents-17,
.widget-circle.percents-18 {
    background-position: 0 -150px;
}
.widget-circle.percents-19,
.widget-circle.percents-20,
.widget-circle.percents-21,
.widget-circle.percents-22,
.widget-circle.percents-23,
.widget-circle.percents-24 {
    background-position: 0 -200px;
}
.widget-circle.percents-25,
.widget-circle.percents-26,
.widget-circle.percents-27,
.widget-circle.percents-28,
.widget-circle.percents-29,
.widget-circle.percents-30 {
    background-position: 0 -250px;
}
.widget-circle.percents-31,
.widget-circle.percents-32,
.widget-circle.percents-33,
.widget-circle.percents-34,
.widget-circle.percents-35,
.widget-circle.percents-36 {
    background-position: 0 -300px;
}
.widget-circle.percents-37,
.widget-circle.percents-38,
.widget-circle.percents-39,
.widget-circle.percents-40,
.widget-circle.percents-41,
.widget-circle.percents-42 {
    background-position: 0 -350px;
}
.widget-circle.percents-43,
.widget-circle.percents-44,
.widget-circle.percents-45 {
    background-position: 0 -400px;
}
.widget-circle.percents-46,
.widget-circle.percents-47,
.widget-circle.percents-48,
.widget-circle.percents-49 {
    background-position: 0 -450px;
}
.widget-circle.percents-50 {
    background-position: 0 -500px;
}
.widget-circle.percents-51,
.widget-circle.percents-52,
.widget-circle.percents-53,
.widget-circle.percents-54,
.widget-circle.percents-55,
.widget-circle.percents-56 {
    background-position: 0 -550px;
}
.widget-circle.percents-57,
.widget-circle.percents-58,
.widget-circle.percents-59,
.widget-circle.percents-60,
.widget-circle.percents-61,
.widget-circle.percents-62 {
    background-position: 0 -600px;
}
.widget-circle.percents-63,
.widget-circle.percents-64,
.widget-circle.percents-65,
.widget-circle.percents-66,
.widget-circle.percents-67 {
    background-position: 0 -650px;
}
.widget-circle.percents-68,
.widget-circle.percents-69,
.widget-circle.percents-70,
.widget-circle.percents-71,
.widget-circle.percents-72 {
    background-position: 0 -700px;
}
.widget-circle.percents-73,
.widget-circle.percents-74,
.widget-circle.percents-75,
.widget-circle.percents-76,
.widget-circle.percents-77 {
    background-position: 0 -750px;
}
.widget-circle.percents-78,
.widget-circle.percents-79,
.widget-circle.percents-80,
.widget-circle.percents-81,
.widget-circle.percents-82 {
    background-position: 0 -800px;
}
.widget-circle.percents-83,
.widget-circle.percents-84,
.widget-circle.percents-85,
.widget-circle.percents-86,
.widget-circle.percents-87 {
    background-position: 0 -850px;
}
.widget-circle.percents-88,
.widget-circle.percents-89,
.widget-circle.percents-90,
.widget-circle.percents-91,
.widget-circle.percents-92 {
    background-position: 0 -900px;
}
.widget-circle.percents-93,
.widget-circle.percents-94,
.widget-circle.percents-95,
.widget-circle.percents-96,
.widget-circle.percents-97,
.widget-circle.percents-98,
.widget-circle.percents-99 {
    background-position: 0 -950px;
}
.widget-circle.percents-100 {
    background-position: 0 -1000px;
}
.top-login-input-tooltip.active {
    display: block;
}
input[type='range'] {
    -webkit-appearance: none !important;
    background: #b2b2b2;
    border-radius: 5px;
    height: 10px;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: white;
    border: 2px solid rgba(0,0,0,0.15);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-sizing: border-box;
}
ul.top-ul {
    margin: 0 0 45px 0;
    padding: 0;
}
ul.mid-ul {
    margin: 0 0 20px 0;
    padding: 0;
}
ul.can-ul, ul.cannt-ul {
    margin: 0 0 0 0;
    padding: 0;
}
ul.bot-ul {
    margin: 15px 0 10px 0;
    padding: 0;
}
ul.top-ul li, ul.mid-ul li, ul.bot-ul li, ul.can-ul li, ul.cannt-ul li {
    list-style: none;
    padding: 0;
    color: #3F4646;
    line-height: 25px;
    margin: 5px 0;
    background-image: none;
}
ul.mid-ul li {
    margin: 20px 0 0 0;
}
ul.can-ul li, ul.cannt-ul li {
    margin: -6px 0 16px 0;
}
ul.top-ul li span, ul.mid-ul li span, ul.bot-ul li span, ul.can-ul li span, ul.cannt-ul li span {
    padding-left: 15px;
    background-image: url(../images/mega/new-affiliate-sprite.png);
    background-position: left -1614px;
    background-repeat: no-repeat;
    display: inline-block;
}
ul.mid-ul li span {
    background-position: -1480px -1614px;
}
ul.can-ul li span {
    background-position: -151px -1345px;
    padding-left: 25px;
}
ul.cannt-ul li span {
    background-position: -740px -1345px;
    padding-left: 25px;
}
.new-affiliate-small-bl {
    width: 50%;
    box-sizing: border-box;
}
.new-affiliate-small-bl.left {
    float: left;
    padding-right: 30px;
}
.new-affiliate-small-bl.right {
    float: right;
    padding-left: 30px;
}
.new-affiliate-gray {
    background-color: #f2f2f2;
}
.new-bottom-pages.affiliate h1 {
    padding: 28px 0 0 0;
}
.new-affiliate-gray .new-bottom-pages.affiliate h1 {
    color: #565656;
}
.new-affiliate-label {
    color: #858585;
    font-size: 14px;
    line-height: 25px;
    padding: 20px 18px 4px 0;
    position: relative;
    float: left;
}
.new-affiliate-star {
    position: absolute;
    right: 0;
    width: 14px;
    height: 15px;
    background-image: url(../images/mega/new-affiliate-sprite.png);
    background-position: -1478px -1541px;
    background-repeat: no-repeat;
}
.affiliate-input-block {
    background-image: none;
    padding: 0 10px 0 10px;
    margin-bottom: 0;
    background-color: white;
}
.affiliate-input-block.short {
    min-width: 70px;
    float: left;
    margin-right: 10px;
}
.affiliate-input-block.short.year {
    min-width: 80px;
}
.affiliate-input-block input {
    color: #858585;
}
.affiliate-input-block.select {
    background-image: url(../images/mega/new-affiliate-sprite.png);
    background-position: right -1310px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.affiliate-input-block.select select {
    opacity: 0;
    width: 100%;
    height: 26px;
    position: absolute;
    z-index: 10;
    margin: 0;
    padding: 0;
    border: 0;
    top: 0;
}
.affiliate-select-txt {
    padding-right: 23px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}
.forms-page {
    padding: 10px 20px 50px 20px;
}
.affiliate-input-block.textarea-block {
    height: auto;
    padding: 2px 10px;
}
.affiliate-input-block.textarea-block textarea {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 126px;
    width: 100%;
    box-sizing: border-box;
    resize: none;
    outline: none;
}
.new-affiliate-label.textarea-label {
    padding-top: 30px;
}
.affiliate .new-registration-checkbox .checkboxOn, .affiliate .new-registration-checkbox .checkboxOff {
    margin-bottom: 0;
}
.affiliate .reg-st5-complete-button {
    margin: 40px 0 30px 0;
    min-width: 110px;
    text-align: center;
}
.contact-new-row {
    border-bottom: 1px solid #ccc;
}
.main-mid-pad.new-bottom-pages.contact {
    padding: 0 15px;
    margin: 0 auto;
}
.contact-new-column {
    border-left: 2px solid #fafafa;
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0 -2px;
    padding: 60px 0 73px 40px;
}
.contact-new-column:first-child {
    border-right: 2px solid #f2f2f2;
    border-left: 0;
    padding: 60px 40px 73px 0;
    margin: 0;
}
.contact-new-title {
    height: 62px;
    width: 100%;
    vertical-align: middle;
    color: #D32700;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.1px;
    font-family: 'Open Sans Semibold Italic', Arial, sans-serif;
    padding-left: 47px;
    box-sizing: border-box;
    display: table-cell;
    background-image: url(../images/mega/contact-new-sprite.png);
    background-position: 0 15px;
    background-repeat: no-repeat;
}
.contact-new-title.legal {
    background-position: -4px -312px;
}
.contact-new-title.copyright {
    background-position: -4px -119px;
}
.contact-new-title.improvements {
    background-position: -4px -280px;
}
.contact-new-title.report-a-bug {
    background-position: -4px -216px;
}
.contact-new-title.media {
    background-position: -4px -344px;
}
.contact-new-title.get-support {
    background-position: -4px -87px;
}
.contact-new-title.report-objectionable-material {
    background-position: -4px -151px;
}
.contact-new-title.privacy {
    background-position: -4px -184px;
}
.contact-new-title.security {
    background-position: -4px -248px;
}
.contact-new-title.suggest-improvements {
    background-position: -4px -280px;
}
.contact-new-title.other-ip-issues {
    background-position: -4px -376px;
}
.contact-new-title.corporate-office {
    background-position: -4px -409px;
}
.contact-new-title.corporate-mail {
    background-position: -4px -441px;
}
.contact-new-title.other-group-companies {
    background-position: -4px -473px;
}
.contact-new-title.eu-representative {
    background-position: -4px -505px;
}
.contact-new-title.eu-representative, .contact-new-title.gdpr {
    background-position: -4px -505px;
}
.contact-new-txt {
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    padding: 0 0 0 0;
    min-height: 75px;
}
.contact-new-txt a {
    cursor: pointer;
    color: #D92E00;
    text-decoration: underline;
}
.contact-new-button, a.contact-new-button {
    display: block;
    float: left;
    background-color: #b2b2b2;
    color: white;
    height: 24px;
    line-height: 23px;
    padding: 0 30px 0 10px;
    background-image: url(../images/mega/contact-new-sprite.png);
    background-position: right -134px;
    background-repeat: no-repeat;
    margin: 12px 0 0 0;
    border-radius: 5px;
}
a.contact-new-button:hover {
    background-color: #D90007;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2);
}
.contact-new-row.bottom {
    margin-bottom: -2px;
}
.main-pad-block {
    position: relative;
}
.dev-nw-gray-bg {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    min-width: 980px;
    z-index: 0;
}
.dev-nw-gray {
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    position: absolute;
    right: 50%;
    margin-right: 240px;
}
.main-mid-pad.new-bottom-pages.dev-nw,
.main-mid-pad.new-bottom-pages.help-nw,
.main-mid-pad.new-bottom-pages.investors-nw {
    padding-left: 10px;
    z-index: 2;
    position: relative;
}
.new-left-menu-block {
    width: 241px;
    float: left;
    padding: 30px 0 0 2px;
    box-sizing: border-box;
    position: absolute;
}
.new-left-menu-block.floating {
    position: fixed;
    top: 46px !important;

}
.new-right-content-block {
    margin-left: 241px;
    padding: 10px 0 0 50px;
    box-sizing: border-box;
    min-height: 500px;
}
.new-left-menu-link {
    height: 40px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
.new-left-menu-icon, .new-left-link-pad {
    vertical-align: middle;
    display: table-cell;
    padding-left: 44px;
    font-size: 14px;
    line-height: 17px;
    background-image: url(../images/mega/sdk-sprite.png);
    background-position: -838px 5px;
    background-repeat: no-repeat;
    height: 40px;
    padding-right: 20px;
    color: #38393D;
}
.new-left-link-pad {
    background: none;
    padding-left: 12px;
}
.new-left-menu-icon.dev-home {
    background-position: -838px 5px;
}
.new-left-menu-link:hover, .new-left-menu-link.active {
    background-color: white;
}
.new-left-menu-link:hover .new-left-menu-icon,
.new-left-menu-link.active .new-left-menu-icon,
.new-left-menu-link:hover .new-left-link-pad,
.new-left-menu-link.active .new-left-link-pad {
    color: #D8260B;
}
.new-left-menu-icon.dev-home {
    background-position: -838px 5px;
}
.new-left-menu-link:hover .new-left-menu-icon.dev-home, .new-left-menu-link.active .new-left-menu-icon.dev-home {
    background-position: -838px -75px;
}
.new-left-menu-icon.dev-sdk {
    background-position: -838px -156px;
}
.new-left-menu-link:hover .new-left-menu-icon.dev-sdk, .new-left-menu-link.active .new-left-menu-icon.dev-sdk {
    background-position: -838px -236px;
}
.new-left-menu-icon.dev-doc {
    background-position: -838px -326px;
}
.new-left-menu-link:hover .new-left-menu-icon.dev-doc, .new-left-menu-link.active .new-left-menu-icon.dev-doc {
    background-position: -838px -416px;
}
.dev-short-block {
    width: 50%;
    float: left;
    padding: 45px 30px 30px 0;
    box-sizing: border-box;
}
.dev-short-block.right {
    padding: 45px 0 30px 30px;
}
.dev-short-bl-icon {
    height: 180px;
    background-image: url(../images/mega/sdk-sprite.png);
    background-position: -10px 0;
    background-repeat: no-repeat;
}
.dev-short-bl-icon.docs {
    background-position: -390px 0;
}
.dev-short-block .new-affiliate-bot-txt {
    line-height: 21px;
    color: #666666;
    min-height: 80px;
    margin: 0 0 15px 0;
}
.new-right-content-block .new-bottom-pages h1 {
    color: #38393D;
}
.dev-new-divider {
    height: 2px;
    background-color: #f2f2f2;
    margin: 0 -20px;
}
.dev-new-mid-pad {
    padding: 10px 0 50px 0;
}
.dev-new-appplications-table .grid-table th {
    line-height: 27px !important;
}
.dev-new-appplications-table .grid-table th {
    height: 30px;
}
.dev-new-appplications-table .grid-table td {
    height: 31px;
    color: #666666;
}
.dev-new-top-pad {
    padding: 45px 0 30px 0;
}
.dev-short-bl-icon.left {
    width: 191px;
    float: left;
    height: 170px;
}
.dev-new-sdk-txt {
    height: 160px;
    margin-left: 191px;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 21px;
    color: #666666;
}
.dev-new-bottom-pad {
    padding: 10px 0 20px 0;
}
.dev-new-appplications-table {
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    margin-top: 46px;
    overflow: hidden;
}
.dev-new-app-header {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #F0373B;
    font-family: 'Open Sans Semibold Italic', Arial, sans-serif;
    padding: 13px 10px;
}
.dev-new-appplications-table table {
    margin-bottom: -2px;
}
.dev-new-table-icon {
    padding: 0 0 0 30px;
    display: block;
    background-image: url(../images/mega/sdk-sprite.png);
    background-position: 0 -458px;
    background-repeat: no-repeat;
}
.dev-new-app-settings {
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(../images/mega/sdk-sprite.png);
    background-position: 3px -546px;
    background-repeat: no-repeat;
    margin-left: 4px;
    cursor: pointer;
}
.dev-new-app-settings:hover {
    background-position: 3px -626px;
}
.dev-new-appplications-table .grid-table tr td:first-child {
    padding-left: 10px;
}
.dev-new-appplications-table .grid-table td {
    color: #666666;
}
.dev-new-appplications-table table.grid-table th:nth-child(4),
.dev-new-appplications-table table.grid-table td:nth-child(4) {
    width: 35px;
    padding: 0;
}
.dev-no-apps-txt {
    padding-top: 105px;
    font-size: 17px;
    line-height: 21px;
    color: #999999;
    text-align: center;
    width: 300px;
    margin: 30px auto;
    background-image: url(../images/mega/sdk-sprite.png);
    background-position: -300px -285px;
    background-repeat: no-repeat;
}
.dev-new-app-big-icon {
    height: 52px;
    padding-left: 85px;
    line-height: 50px;
    font-size: 31px;
    color: #333333;
    background-image: url(../images/mega/sdk-sprite.png);
    background-position: 0 -726px;
    background-repeat: no-repeat;
    margin: 40px 0;
    float: left;
}
.dev-new-app-left-block {
    width: 150px;
    float: left;
    padding-top: 48px;
}
.dev-new-label {
    text-align: right;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #333333;
}
.dev-new-label.textarea-label {
    margin-bottom: 124px;
}
.dev-new-app-right-block {
    margin-left: 170px;
    padding-top: 48px;
}
.dev-new-app-right-block .affiliate-input-block {
    margin-bottom: 20px;
}
.dev-new-app-txt-pad {
    height: 30px;
    margin-bottom: 20px;
}
.dev-new-app-right-block .radioOff, .dev-new-app-right-block .radioOn {
    margin-top: 5px;
}
.dev-new-app-right-block .radio-txt {
    padding-top: 5px;
}
.dev-new-app-right-block .reg-st5-complete-button.active {
    min-width: 100px;
    text-align: center;
    margin: 30px 10px 20px 0;
}
.dev-new-app-right-block .reg-st5-complete-button.active.cancel {
    background-color: #b2b2b2;
}
.new-left-submenu {
    margin-top: -10px;
}
.new-left-submenu-item {
    background-image: url(../images/mega/sdk-sprite.png);
    background-position: -840px -604px;
    background-repeat: no-repeat;
    padding: 10px 0 0 32px;
}
.new-left-submenu-item.last {
    background-position: -840px -654px;
}
.new-left-submenu-item .new-left-menu-link {
    margin: 0;
}
.new-left-submenu-item .new-left-menu-icon {
    background-image: none;
    padding: 0 12px;
}
.new-bottom-pages .new-right-content-block h2 {
    color: #38393D;
}
.new-bottom-pages .new-right-content-block ul {
    margin: 5px 0 0 0;
    padding: 0;
}
.new-bottom-pages .new-right-content-block li {
    list-style: none;
    color: #333333;
    font-size: 14px;
    line-height: 26px;
    padding-left: 15px;
    margin: 15px 0 0 0;
    background-image: url(../images/mega/sdk-sprite.png);
    background-repeat: no-repeat;
    background-position: -897px -1024px;
}
/* stylelint-disable-next-line selector-type-no-unknown */
code, c {
    font-family: "Courier New", Courier, monospace;
}
.new-notifications-txt {
    color: white;
    font-size: 15px;
    line-height: 47px;
}
.new-notifications-scroll {
    height: 100%;
    margin-left: 48px;
}
.new-notification-icon {
    width: 32px;
    height: 32px;
    border: 4px solid white;
    border-radius: 100%;
    box-sizing: border-box;
    background-color: #5b5a59;
    background-image: url(../images/mega/top-sprite.png);
    background-position: -9px -941px;
    background-repeat: no-repeat;
    margin: 8px 0 0 240px;
}
.new-notification-txt-bl {
    width: 250px;
    text-align: center;
    margin: 10px 0 0 132px;
}
.new-notification-txt {
    height: 28px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 23px;
    border: 2px solid white;
    box-sizing: border-box;
    background-color: #afb0b0;
    padding: 0 10px;
    border-radius: 28px;
    letter-spacing: 0.5px;
}
.new-notification-pad {
    padding: 0 0 312px 0;
    position: relative;
}
.fm-main.notifications {
    position: relative;
}
.new-bottom-pages .copyrigths p span.text {
    padding: 0;
    margin-left: 28px;
}
span.roman-number {
    color: var(--text-color-error);
    font: var(--text-body1);
    font-style: italic;
    float: left;
    display: block;
    margin-inline-end: 8px;
}
.rtl span.roman-number {
    float: right;
}
.copyrights-gray {
    background: var(--surface-grey-1);
}
.copyrights-page .reg-st5-complete-button.active {
    min-width: 156px;
    margin: 40px 0;
    text-align: center;
}
p.copyrights-red {
    color: #F0373B;
    padding-bottom: 6px;
}
.register-st2-button.active.copyrights-form {
    float: right;
    margin: 48px 0 5px 0;
}
.reg-st5-complete-button.active.copyrights-form {
    float: left;
    background-color: #4c4c4c;
    margin: 48px 0 5px 0;
}
.register-st2-button.active.back.copyrights-form {
    float: left;
}
.register-st2-button.active.back.copyrights-form .register-st2-button-arrow {
    background-color: #4c4c4c;
}
.copyrights-bottom {
    padding: 24px 0 16px 0;
}
.copyrights-bottom .new-registration-checkbox .checkboxOn, .copyrights-bottom .new-registration-checkbox .checkboxOff {
    margin: 4px 1px 0 0;
    position: absolute;
}
.copyrights-bottom .new-registration-checkbox {
    position: relative;
    margin-bottom: 69px;
}
.copyrights-bottom .new-registration-checkbox .radio-txt {
    margin: -1px 0 0 35px;
    padding: 0 0 0 0;
    float: none;
    text-indent: 0;
    display: block;
    line-height: 24px;
    position: absolute;
}
.copyrights-h2-pad {
    padding: 28px 0 6px 0;
}
.copyrights-h2-pad span {
    color: #333333;
}
.new-left-menu-icon.help-icon {
    background-image: url(../images/mega/help-new-sprite.png);
    background-position: 0 -5px;
    background-repeat: no-repeat;
}
.new-left-menu-icon.help-icon.help-home {
    background-position: 11px 9px;
}
.new-left-menu-icon.help-icon.help-basics {
    background-position: 11px -42px;
}
.new-left-menu-icon.help-icon.help-sharing {
    background-position: 11px -92px;
}
.new-left-menu-icon.help-icon.help-security {
    background-position: 11px -143px;
}
.new-left-menu-icon.help-icon.help-account {
    background-position: 11px -192px;
}
.new-left-menu-icon.help-icon.help-sync {
    background-position: 11px -242px;
}
.new-left-menu-icon.help-icon.help-ios {
    background-position: 11px -292px;
}
.new-left-menu-icon.help-icon.help-android {
    background-position: 11px -342px;
}
.new-left-menu-icon.help-icon.help-mega-chat {
    background-position: 10px -799px;
}
.new-left-menu-icon.help-icon.help-windows-phone {
    background-position: 10px -897px;
}
.new-left-menu-icon.help-icon.help-blackberry {
    background-position: -477px -112px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-home,
.active .new-left-menu-icon.help-icon.help-home {
    background-position: 11px -391px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-basics,
.active .new-left-menu-icon.help-icon.help-basics {
    background-position: 11px -442px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-sharing,
.active .new-left-menu-icon.help-icon.help-sharing {
    background-position: 11px -492px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-security,
.active .new-left-menu-icon.help-icon.help-security {
    background-position: 11px -543px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-account,
.active .new-left-menu-icon.help-icon.help-account {
    background-position: 11px -592px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-sync,
.active .new-left-menu-icon.help-icon.help-sync {
    background-position: 11px -642px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-ios,
.active .new-left-menu-icon.help-icon.help-ios {
    background-position: 11px -692px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-android,
.active .new-left-menu-icon.help-icon.help-android {
    background-position: 11px -742px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-mega-chat,
.active .new-left-menu-icon.help-icon.help-mega-chat {
    background-position: 10px -849px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-windows-phone,
.active .new-left-menu-icon.help-icon.help-windows-phone {
    background-position: 10px -947px;
}
.new-left-menu-link:hover .new-left-menu-icon.help-icon.help-blackberry,
.active .new-left-menu-icon.help-icon.help-blackberry {
    background-position: -477px -162px;
}
h1.help-home-header {
    color: #38393D;
    padding-bottom: 40px;
}
.help-nw .blog-new-div {
    margin: 50px 0 10px -52px;
}
.help-nw .blog-new-div div {
    right: auto;
    left: 660px;
}
.help-short-block {
    overflow: hidden;
}
.help-nw .dev-short-block.left {
    padding: 0 20px 0 0;
}
.help-nw .dev-short-block.right {
    padding: 0 0 0 20px;
}
.help-text-block {
    line-height: 21px;
    color: #666666;
    min-height: 0;
    margin: 10px 0 25px 0;
}
.help-nw .dev-new-button {
    background-image: url(../images/mega/help-new-sprite.png);
    background-position: right -365px;
    background-repeat: no-repeat;
    padding: 0 38px 0 13px;
}
.help-nw .dev-new-button:hover {
    background-position: right -425px;
}
.help-listing {
    line-height: 27px;
    color: #666666;
    min-height: 0;
    background-image: url(../images/mega/help-new-sprite.png);
    background-position: -862px 2px;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin: 10px 0 0 0;
    cursor: pointer;
}
.help-listing:hover {
    color: #F0373B;
}
.help-nw .dev-short-block.help-nw-short-blocks {
    margin: 0 -3px 0 -3px;
    padding-bottom: 20px;
}
.help-block {
    margin: 40px 3px 0 3px;
    border: 2px solid #d9d9d9;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
    cursor: pointer;
    min-height: 136px;
}
.help-block:first-child {
    margin: 20px 3px 0 3px;
}
.help-block:first-child:hover {
    margin: 17px 0 -3px 0;
}
.help-block:hover {
    border: 5px solid #BF1900;
    margin: 37px 0 -3px 0;
    min-height: 142px;
}
.help-short-icon {
    display: table-cell;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    color: #BF1900;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
    padding: 10px 20px 0 47px;
    font-family: 'Open Sans Semibold Italic', Arial, sans-serif;
    background-image: url(../images/mega/help-new-sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.help-short-icon.basics {
    background-position: -502px -472px;
}
.help-short-icon.security {
    background-position: -502px -642px;
}
.help-short-icon.sync {
    background-position: -502px -812px;
}
.help-short-icon.android {
    background-position: -502px -982px;
}
.help-short-icon.sharing {
    background-position: -849px -472px;
}
.help-short-icon.account {
    background-position: -849px -642px;
}
.help-short-icon.ios {
    background-position: -849px -812px;
}
.help-short-icon.windows-phone {
    background-position: -502px -901px;
}
.help-short-icon.mega-chat {
    background-position: -498px -725px;
}
.help-short-icon.blackberry {
    background-position: -501px -560px;
}
.help-short-txt {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}
.help-info-pages h1.help-home-header {
    padding-bottom: 10px;
}
.new-bottom-pages .help-info-pages li {
    margin: 0;
}
.new-bottom-pages .help-info-pages ul, .new-bottom-pages .help-info-pages ol {
    padding-left: 20px;
}
.new-bottom-pages .help-info-pages p {
    padding: 5px 0 5px 0;
    color: #666666;
}
.new-bottom-pages .help-info-pages p strong, .new-bottom-pages .help-info-pages p b {
    font-weight: normal;
    font-family: 'source_sans_prosemibold', Arial, sans-serif;
}
.new-bottom-pages .help-info-pages p strong.italic, .new-bottom-pages .help-info-pages p i {
    font-family: 'Open Sans Semibold Italic', Arial, sans-serif;
    letter-spacing: -0.1px;
    font-size: 13px;
    font-style: normal;
}
.new-bottom-pages .help-info-pages li p {
    padding: 0;
}
.help-nw ol, .help-nw ul {
    padding-left: 10px !important;
}
.help-nw li, .help-nw p {
    margin-top: 10px;
}
.help-nw h2 {
    margin-top: 20px;
}
.help-nw p {
    text-align: left;
    position: relative;
}
.help-nw img {
    max-width: 100%;
}
.sync-coming-soon-txt {
    text-align: center;
    line-height: 68px;
    font-size: 41px;
    color: #1d9fea;
    font-family: 'source_sans_proregular', Arial, sans-serif;
    font-style: italic;
    height: 70px;
    margin-bottom: 30px;
}
.no-status .activity-status.online {
    display: none !important;
}
div.new-bottom-pages li, div.new-bottom-pages p {
    text-align: justify;
}
.register-game-txt {
    width: 589px;
    margin-left: 201px;
    font-size: 17px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 45px;
}
.register-game-buttons {
    text-align: center;
}
.register-game-button {
    min-width: 140px;
    height: 40px;
    display: inline-block;
    border: 4px solid #676767;
    box-sizing: border-box;
    border-radius: 25px;
    text-align: center;
    color: #676767;
    line-height: 31px;
    font-size: 17px;
    padding: 0 15px;
    margin: 0 20px;
    cursor: pointer;
}
.register-game-button:hover {
    background-color: #676767;
    color: white;
}
.register-game-button.start {
    border: 4px solid #d82c00;
    color: #d82c00;
}
.register-game-button.start:hover {
    background-color: #d82c00;
    color: white;
}

.search-bottom-wrapper {
    background-color: var(--stroke-grey-2);
    border-left: 2px solid var(--stroke-main);
    display: flex;
    height: 64px;
    z-index: 12;
    width: 100%;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
    z-index: 12;
    flex-shrink: 0;
}
.search-bottom-wrapper .fm-breadcrumbs-block {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 64px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
.empty-search-bottom-menu {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
}
.empty-search-bg {
    background-color: var(--stroke-grey-2);
    height: 30px;
    margin-left: 2px;
}
.lpxf {
    font-size: 17px !important;
}
.fm-right-header.context {
    overflow: visible;
}
.top-context-menu {
    width: 100%;
    position: absolute;
    z-index: 10;
    box-sizing: border-box;
    background-color: #f2f2f2;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    height: 48px;
}
.top-context-border {
    width: 100%;
    height: 100%;
    border: 2px solid #b2b2b2;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: white;
}
.top-context-close {
    height: 35px;
    width: 35px;
    float: right;
    background-image: url(../images/mega/context-top.png);
    background-position: 10px -198px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.backup-recover h3.main-italic-header {
    padding: 30px 0 20px 0;
}
.backup-recover .main-left-block .register-st2-txt-block {
    padding: 0;
}
.backup-recover h5.main-italic-header {
    padding: 0 0 13px 0;
}
.backup-recover .main-right-block .register-st2-txt-block {
    padding-top: 74px;
}
.backup-download-block, .recover-upload-block {
    padding: 15px 0 0 76px;
    background-image: url(../images/mega/encr-sprite.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
    height: 125px;
}
.recover-upload-block {
    background-position: 0 -314px;
}
.backup-download-block.downloading, .recover-upload-block.uploading {
    background-position: 0 -442px;
    position: relative;
}
.backup-download-percents, .restore-upload-percents {
    position: absolute;
    color: #F0373B;
    font-size: 21px;
    text-align: center;
    line-height: 24px;
    padding-top: 22px;
    width: 79px;
    margin-left: -100px;
    display: none;
}
.downloading .backup-download-percents, .uploading .restore-upload-percents {
    display: block;
}
.backup-download-block .tranfer-filetype-txt {
    line-height: 23px;
    padding-left: 25px;
}
.backup-download-button {
    height: 24px;
    background: #F0373B;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2);
    padding: 0 15px;
    float: left;
    line-height: 23px;
    font-size: 13px;
    color: white;
    margin-top: 4px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.backup-download-button:hover {
    background: #E12124;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2);
}
.cancel-account-button {
    height: 24px;
    background-color: #D32200;
    padding: 0 15px;
    float: left;
    line-height: 23px;
    font-size: 13px;
    color: white;
    margin-top: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 30px;
}
.backup-recover .login-register-input {
    padding-right: 12px;
    margin-top: 6px;
}
.backup-input-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    box-sizing: border-box;
}
.backup-input-button object {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.backup-recover .login-register-input input {
    color: #858585;
}
.backup-notification-block {
    height: 90px;
    width: 100%;
    background-color: rgba(16,16,16,0.8);
    z-index: 10;
}
.backup-notification-icon {
    width: 980px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px 0 73px;
    background-image: url(../images/mega/encr-sprite.png);
    background-position: 15px -222px;
    background-repeat: no-repeat;
}
.backup-notification-txt {
    font-size: 13px;
    color: white;
    height: 90px;
    vertical-align: middle;
    line-height: 16px;
    display: table-cell;
}
.backup-notification-txt span {
    color: #FFB800;
}
.main-right-block.recover-block {
    padding-top: 10px;
}
.backup-recover .recover-block .register-st2-txt-block {
    padding: 0;
    min-height: 20px;
    height: 20px;
}
.recover-block span.green {
    color: #6BB219;
}
.light-gray {
    color: #999999;
}
.backup-file-info {
    height: 26px;
}
.recover-upload-block .tranfer-filetype-txt {
    padding-left: 24px;
}
.restore-uploading-status-icon {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url(../images/mega/encr-sprite.png);
    background-position: -4px -594px;
    background-repeat: no-repeat;
}
.restore-uploading-status-icon.fail {
    background-position: -4px -662px;
}
.restore-verify-button {
    float: right;
    margin: 10px 0 30px 0;
}
.restore-verify-button.reset-account {
    margin-top: 0;
    float: left;
}
.restore-verify-button.active {
    cursor: pointer;
}
.login-register-input.fail {
    background-image: url(../images/mega/encr-sprite.png);
    background-position: 4px -653px;
    background-repeat: no-repeat;
}
.restore-close-button, .reset-close-button {
    text-align: center;
    margin-top: -10px;
    padding-bottom: 20px;
}
.restore-success .fm-dialog-button.browsers-button {
    display: inline-block;
    float: none;
    margin: 0;
}
.reset-account-lock-image {
    height: 415px;
    background-image: url(../images/mega/encr-sprite.png);
    background-position: center -860px;
    background-repeat: no-repeat;
}
.shared-with-me .avatar-wrapper {
    position: absolute;
    top: 6px;
    margin: 0;
}
.fm-chat-user-status {
    font-size: 13px;
    line-height: 18px;
    color: #666;
}
.shared-with-me .fm-chat-user-info {
    float: none;
    margin: 0 0 0 44px;
}
.fm-share-user-info {
    display: table;
    vertical-align: middle;
    width: 172px;
    table-layout: fixed;
    float: left;
    height: 34px;
    margin: 7px 0 0 8px;
    white-space: nowrap;
    color: #333333;
}
.fm-share-centered {
    display: table-cell;
    vertical-align: middle;
}
.fm-share-centered div {
    text-overflow: ellipsis;
    overflow: hidden;
}
.shared-folder-info-block {
    padding: 0 0 0 51px;
    font: var(--text-body1);
    display: block;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}
.shared-folder-name, .contact-name {
    color: var(--text-color-high);
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.shared-contact-info {
    color: var(--text-color-medium);
    font: var(--text-body2);
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.data-block-view.semi-big .shared-folder-info {
    line-height: 20px;
}
.shared-top-details {
    height: 128px;
    background: var(--surface-grey-1);
    position: relative;
}
.shared-top-details .fm-share-download,
.shared-top-details .fm-share-copy {
    margin-right: 8px;
}
.shared-details-icon {
    --icon-size: 96px;
    margin: 16px 0 16px 24px;
    float: left;
    position: relative;
}
.shared-details-icon.sprite-fm-uni-after.icon-warning-after::after {
    position: absolute;
    right: -4px;
    --icon-size: 40px;
}
.shared-details-info-block {
    margin-left: 134px;
}
.shared-details-pad {
    padding: 30px 0 0;
    overflow: hidden;
    min-width: 630px;
    position: relative;
}
.shared-details-folder-name, .contact-details-user-name {
    font: var(--text-h2);
    float: left;
    color: var(--text-color-high);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 10px;
    max-width: calc(100% - 56px);
}
.shared-details-folder-name {
    max-width: calc(100% - 216px);
}
.mega-dialog .shared-details-folder-name, .mega-dialog .contact-details-user-name {
    max-width: 100%;
}
.shared-details-pad .grid-url-arrow {
    position: relative;
    float: left;
    left: auto;
    top: auto;
    margin: 4px 12px 0;
    opacity: 1;
    width: 24px;
    height: 24px;
}
.shared-details-pad .grid-url-arrow i {
    --icon-size: 24px;
}
.shared-details-pad .grid-url-arrow:hover i,
.shared-details-pad .grid-url-arrow.active i {
    --mask-color: var(--icon-rest);
}
.contact-top-details {
    min-height: 207px;
    overflow: hidden;
    background-color: white;
    margin-top: -1px;
    position: relative;
    min-width: 710px;
}
.contact-top-details .nw-contact-block-avatar {
    float: left;
    margin: 22px 22px 0 22px;
    position: absolute;
}
.contact-fingerprint-block {
    margin: 52px 45px 0 0;
    min-width: 214px;
    position: absolute;
    right: 0;
}
.contact-fingerprint-title {
    padding: 0 0 0 10px;
    font: var(--text-body1-bold);
    color: var(--text-color-high);
    height: 35px;
}
.contact-fingerprint-txt {
    width: 220px;
    text-transform: uppercase;
}
.contact-fingerprint-txt span {
    display: inline-block;
    width: 42px;
    height: 19px;
    padding-left: 10px;
    box-sizing: border-box;
    font: var(--text-body1);
    color: var(--text-color-low);
}
.contact-details-pad {
    margin: 0 255px 10px 207px;
    padding-top: 44px;
    vertical-align: top;
    position: relative;
    min-height: 182px;
    box-sizing: border-box;
}
.contact-details-pad .onlinestatus {
    height: 16px;
    margin-bottom: 20px;
}
.contact-details-email {
    padding: 4px 0 5px 0;
    height: 24px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.contact-details-pad .nw-contact-status {
    margin: 6px 6px 0 0;
}
.contact-details-pad button {
    float: left;
    margin: 0 10px 10px 0;
}
.fm-question {
    display: none;
}
.verify-buttons {
    padding: 10px 0 0 10px;
}
.verify-buttons button {
    min-width: 20px;
    margin-right: 10px;
}
.contact-share-notification {
    font-size: 13px;
    color: #666666;
    padding-left: 28px;
    line-height: 24px;
    position: relative;
    margin: 13px 0 15px;
}
.contact-top-details .grid-url-arrow {
    position: relative;
    float: left;
    left: auto;
    top: auto;
    margin: 8px 0 0 11px;
}
.contact-top-details:hover .grid-url-arrow {
    opacity: 1;
}

.shared-details-pad .shared-folder-access {
    color: var(--text-color-medium);
    display: inline-flex;
    margin-top: 4px;
    float: left;
}
.shared-details-pad .shared-folder-access i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    --mask-color: var(--icon-rest);
}
.shared-details-pad .shared-folder-access span {
    display: inline-block;
    vertical-align: middle;
    font: var(--text-body1);
    background-color: var(--stroke-grey-2);
    padding: 2px 10px;
    border-radius: 50px;
    color: var(--text-color-high);
}

.shared-details-pad .avatar-wrapper,
.bucket-details-pad .avatar-wrapper {
    float: left;
    margin: 10px 0 0 0;
    border-radius: 2px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}
.shared-details-pad .small-rounded-avatar img {
    width: 24px;
    height: 24px;
}
.shared-details-pad .fm-chat-user {
    color: var(--text-color-medium);
    font: var(--text-body2);
    padding: 6px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shared-details-pad .fm-chat-user span,
.bucket-details-pad .bucket-detail-user span {
    color: var(--text-color-low);
    padding-left: 12px;
}
.shared-details-pad .fm-chat-user span::before,
.bucket-details-pad .bucket-detail-user span::before {
    content: '\00B7';
    position: relative;
    left: -6px;
}
.shared-details-buttons {
    right: 0;
    top: 0;
    position: absolute;
    margin: 62px 0 0;
    padding: 0 30px 0 0;
    background: var(--surface-grey-1);
}
.shared-details-buttons::before,
.bucket-details-buttons::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    left: -20px;
    top: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--stroke-grey-1) 100%);
}
.shared-details-buttons .mega-button,
.bucket-details-buttons .mega-button {
    min-width: 20px;
}
/* If in MEGA Lite mode, temporarily hide any Download and Copy options while in the Shared area */
.mega-lite-mode .shared-details-buttons .mega-button.fm-share-download,
.mega-lite-mode .shared-details-buttons .mega-button.fm-share-copy {
    display: none;
}
.shared-details-block .files-grid-view.shared-folder-content {
    padding-top: 4px;
}
.emptied .shared-details-block .files-grid-view.shared-folder-content {
    padding-top: 0;
}
.shared-details-pad .fm-chat-user-info {
    float: none;
    margin: 7px 0 0 32px;
}
.u-card-data {
    display: inline-block;
    position: relative;
    padding: 0 12px 0 0;
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: top;
}
.u-card-data .shared-folder-name {
    display: block;
}
.u-card-data .nw-contact-status {
    margin: 6px 0 0 0;
    right: 0;
    left: auto;
    top: 0;
}
ul.token-input-list {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 400px;
    border: 1px solid #999;
    cursor: text;
    font-size: 13px;
    font-family: Verdana, sans-serif;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}
ul.token-input-list li {
    list-style-type: none;
}
ul.token-input-list li input {
    border: 0;
    width: 350px;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret;
}
li.token-input-token {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: block;
}
li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}
li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}
li.token-input-selected-token {
    background-color: #08844e;
    color: #fff;
}
li.token-input-selected-token span {
    color: #bbb;
}
div.token-input-dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 13px;
    font-family: Verdana, sans-serif;
    z-index: 1;
}
div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}
div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}
div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}
div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}
div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}
div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0;
}
ul.token-input-list-mega {
    height: auto !important;
    display: block;
    border: 0;
    cursor: text;
    font: var(--text-body1);
    min-height: 38px;
    z-index: 999;
    margin: 0;
    list-style-type: none;
    clear: left;
    box-sizing: border-box;
    padding: 0 15px 0 40px;
    overflow: hidden;
}
.add-user-popup ul.token-input-list-mega {
    padding: 0 15px 0 40px;
}
.rtl .add-user-popup ul.token-input-list-mega {
    padding: 0 40px 0 15px;
}
.multiple-input {
    border-radius: 3px;
    border: 1px solid var(--stroke-grey-2);
    box-sizing: border-box;
    background: var(--surface-grey-1);
    max-height: 144px;
    min-height: 40px;
    min-width: 100%;
}
.multiple-input:hover {
    border-color: var(--stroke-info);
}
.multiple-input-warning,
.duplicated-input-warning,
.reg-resend-email-meg {
    min-height: 24px;
    position: relative;
    background-color: var(--banner-background-error);
    border: 1px solid var(--banner-border-error);
    padding: 2px 16px;
    width: 100%;
    color: var(--banner-text-error);
    font: var(--text-body1);
    margin-top: 6px;
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 100;
    display: none;
}
.duplicated-input-warning a,
.duplicated-input-warning a:link,
.duplicated-input-warning a:visited {
    color: inherit;
    text-decoration: underline;
}
.whitespaces-input-warning {
    min-height: 24px;
    position: relative;
    background-color: var(--banner-background-warning);
    border: 1px solid var(--banner-border-warning);
    padding: 2px 16px;
    width: 100%;
    color: var(--banner-text-warning);
    font: var(--text-body1);
    margin-top: 6px;
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 100;
    display: none;
}
.add-user-popup .multiple-input-warning {
    text-align: center;
}
.error .multiple-input-warning,
.duplicate .duplicated-input-warning,
.whitespaces .whitespaces-input-warning,
.error .reg-resend-email-meg {
    display: block;
}
ul.token-input-list-mega li input,
.multiple-input input {
    border: 0;
    box-sizing: border-box;
    width: 100px;
    float: left;
    color: var(--text-color-high);
    background-color: transparent;
    max-width: 100%;
    margin: 0;
    padding: 9px 3px;
    -webkit-appearance: caret;
    transition: color 200ms ease-in-out;
    box-sizing: border-box;
    font: var(--text-body1);
}
input#token-input- {
    color: #666666;
}
input#token-input-:focus {
    color: #666666;
}
li.token-input-token-mega {
    overflow: hidden;
    margin: 9px 6px 9px 0;
    padding: 0 20px 0 24px;
    cursor: default;
    font: var(--text-body1);
    color: var(--text-color-high);
    border-radius: 1px;
    float: left;
    white-space: nowrap;
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-clip: padding-box;
    user-select: text;
}
.token-input-token-mega .verified_icon {
    display: none !important;
}
li.token-input-token-mega.no-avatar {
    padding: 0 20px 0 10px;
}
li.token-input-token-mega p {
    display: inline;
    padding: 0;
    margin: 0;
}
li.token-input-token-mega .remove-item,
li.token-input-token-invite .remove-item {
    --icon-size: 24px;
    display: block;
    transition: opacity 200ms ease-in-out;
    opacity: 0.7;
    margin-left: 4px;
    position: absolute;
    top: 0;
    right: -4px;
    cursor: pointer;
    --mask-color: var(--text-color-medium);
}
li.token-input-token-mega .remove-item:hover,
li.token-input-token-invite .remove-item:hover {
    opacity: 1;
}
li.token-input-selected-token-mega {
    background-color: rgba(255,255,255,0.5);
}
li.token-input-input-token-mega {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    max-width: 100%;
    text-align: left;
}
li.token-input-input-token-mega:first-child,
li.token-input-input-token-mega:first-child input {
    min-width: 100%;
}
.active li.token-input-input-token-mega:first-child {
    min-width: none;
}
.multiple-input input:not(.meetings-invite-input)::placeholder,
.create-folder-input-bl input::placeholder,
.add-user-notification textarea::placeholder {
    color: var(--text-color-low) !important;
}
.active .multiple-input input::placeholder,
.focused .create-folder-input-bl input::placeholder,
.add-user-notification.focused textarea::placeholder {
    color: var(--text-color-medium) !important;
}
div.token-input-dropdown-mega {
    position: absolute;
    width: 342px;
    background-color: #fff;
    overflow: hidden;
    border: 2px solid rgba(0,0,0,0.1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: default;
    font-size: 13px;
    margin: 2px -2px 0 -2px;
    z-index: 1200;
    border-radius: 5px;
    box-sizing: border-box;
}
div.token-input-dropdown-mega p {
    margin: 0;
    padding: 9px 10px 11px 10px;
    text-align: center;
    line-height: 24px;
}
div.token-input-dropdown-mega ul {
    margin: 0;
    padding: 0;
    max-height: 274px;
}
div.token-input-dropdown-mega ul li {
    background-color: rgb(255, 255, 255, 1);
    padding: 3px;
    margin: 0;
    height: 54px;
    box-sizing: border-box;
    list-style-type: none;
    transition: background-color 200ms ease-in-out;
    text-align: left;
}
div.token-input-dropdown-mega ul li.token-input-dropdown-item-mega {
    background-color: #fff;
}
div.token-input-dropdown-mega ul li.token-input-dropdown-item2-mega {
    background-color: #fff;
}
div.token-input-dropdown-mega ul li em {
    font-weight: bold;
    font-style: normal;
}
div.token-input-dropdown-mega ul li.token-input-selected-dropdown-item-mega {
    background-color: rgba(0,0,0,0.04);
    color: #fff;
}
.share-dialog-contact-bl .fm-chat-user {
    color: #444;
    font-family: 'LatoWebSemibold', sans-serif;
}
.share-dialog-contact-bl .fm-chat-user span {
    max-width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
}
.share-dialog-contact-bl .avatar-wrapper {
    margin: 8px 0 0 00;
}
.share-dialog-contact-bl .fm-share-user-info {
    margin: 7px 0 0 12px;
}
.share-item-bl .export-link-item {
    float: left;
    display: block;
    width: 259px;
    height: 74px;
    padding-top: 8px;
}
.share-item-bl .export-link-text-pad {
    width: 170px;
}
.share-item-bl .share-dialog-remove-button {
    margin-top: 26px;
}
.share-dialog-contact-bl.pending .fm-chat-user span {
    max-width: -webkit-calc(100% - 26px);
    max-width: -moz-calc(100% - 26px);
    max-width: calc(100% - 26px);
}
.search-avatar, .pending-indicator {
    display: block;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 4px;
    position: absolute;
    left: 0;
    top: 0;
    font: var(--text-caption);
    line-height: 16px;
    text-align: center;
    border-radius: 100%;
    text-transform: uppercase;
}
.search-avatar span, .pending-indicator span {
    color: white;
}
.pending-indicator {
    display: none;
}
.share-pending-info {
    width: 240px;
    padding: 12px 15px 14px 15px;
    position: absolute;
    z-index: 10;
    background-color: #333333;
    margin: 6px 0 0 -98px;
    font-size: 13px;
    line-height: 18px;
    color: #FFDD00;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
}
.share-pending-arrow {
    background-image: url(../images/mega/dialog-sprite.png);
    position: absolute;
    bottom: -10px;
    height: 10px;
    left: 50%;
    margin-left: -9px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: left -3831px;
}
.pending .pending-indicator {
    display: inline-block;
    position: relative;
    top: 1px;
    left: 5px;
    margin: 0;
    font-size: 13px;
    line-height: 17px;
    vertical-align: top;
}
.pending .pending-indicator::before {
    content: '\00a0';
}
.search-avatar img {
    width: 16px;
    height: 16px;
    border-radius: 100%;
}
.email .search-avatar, .gmail .search-avatar, .gmail .avatar-wrapper, .email .avatar-wrapper,
.pending .search-avatar, .pending-indicator {
    background: rgb(0,137,123);
    background: -moz-linear-gradient(45deg, rgba(0,137,123,1) 0%, rgba(0,189,178,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,137,123,1) 0%,rgba(0,189,178,1) 100%);
    background: linear-gradient(45deg, rgba(0,137,123,1) 0%,rgba(0,189,178,1) 100%);
}
.email .search-avatar::after, .gmail .search-avatar::after, .gmail .avatar-wrapper::after,
.email .avatar-wrapper::after, .pending .search-avatar::after, .pending-indicator::after {
    background-image: url(../images/mega/dialog-sprite.png);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center -535px;
}
.gmail .search-avatar::after, .gmail .avatar-wrapper::after {
    background-color: #DD4B39 !important;
    background-position: center -630px;
    border-radius: 100%;
}
.pending .search-avatar, .pending-indicator {
    background: #FCAD00 !important;
}
.pending .search-avatar::after, .pending-indicator::after {
    background-position: -3px -3761px;
    border-radius: 100%;
}
.email .avatar-wrapper::after {
    background-position: center -571px;
}
.email .semi-mid-avatar::after {
    background-position: center -5880px;
}
.gmail .avatar-wrapper::after {
    background-position: center -674px;
}
.email .search-avatar::after {
    background-position: -72px -535px;
}
.token-input-dropdown-mega .fm-chat-user {
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.token-input-dropdown-mega .fm-chat-user-email {
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.token-input-dropdown-mega .fm-chat-user-info {
    float: none;
    margin: 7px 0 0 51px;
}
.email .fm-chat-user {
    padding-top: 7px;
}
.email .fm-chat-user-email {
    display: none;
}
.ipc .left.email, .opc .left.email {
    min-height: 34px;
}
.share-search-result {
    cursor: pointer;
}
.share-search-result.selected {
    background-image: url(../images/mega/dialog-sprite.png);
    background-repeat: no-repeat;
    background-position: right -748px;
}
.active .multiple-input {
    border-color: var(--stroke-info);
}
.error .multiple-input,
.fm-dialog-new-folder-input.contains-error {
    border-color: var(--stroke-error);
}

/* Main FM block */
.overlayed .main-blur-block,
.overlayed .mega-dialog.arrange-to-back,
.overlayed.mobile .bottom-page.scroll-block {
    filter: blur(0.25em);
    -webkit-filter: blur(0.25em);
    overflow: hidden;
}
.overlayed .bottom-page.scroll-block, .overlayed.bottom-pages .mega-dialog.arrange-to-back {
    filter: blur(0.25em);
    -webkit-filter: blur(0.25em);
}
.fmholder .main-blur-block {
    height: 100%;
    display: block;
}
.overlayed .tooltip-blur {
    filter: blur(0.25em);
    -webkit-filter: blur(0.25em);
}

.overlayed-backdrop-dim .main-blur-block {
    filter: brightness(0.8);
    overflow: hidden;
}


/**
 * MegaDialog.js
 */
.fm-mega-dialog {
    position: absolute;
    border: 2px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    width: 360px;
    background-color: white;
    margin: 46px 0 0 0;
    z-index: 900;
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
}
.fm-mega-dialog.expanded {
    z-index: 1200;
}
.fm-mega-dialog .fm-mega-dialog-pad {
    margin: 12px 12px 12px 12px;
}
.fm-mega-dialog-size-icon {
    background-image: url(../images/mega/fm-main-sprite.png);
    background-position: center -5509px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 10px;
    transition: opacity 200ms ease-in-out;
    opacity: 0.3;
    cursor: pointer;
}
.fm-mega-dialog-size-icon:hover {
    opacity: 0.6;
}
.fm-mega-dialog-size-icon.short-size {
    background-position: center -5559px;
    top: 16px;
    right: 40px;
}
.fm-mega-dialog.dialog .fm-dialog-close {
    display: block;
}

/* Logged in PRO account, but not activated by email */
.popup.non-activated-account {
    width: 456px;
}
.top-warning-popup.non-activated-account .warning-popup-body {
    display: flex;
    align-items: center;
}
.popup.non-activated-account .mailbox-icon {
    display: inline-block;
    height: 96px;
    margin-inline-end: 24px;
    width: 96px;
    --width: 96px;
    flex-shrink: 0;
}
.tree-item-on-search-hidden,
.tree-item-on-filter-hidden {
    display: none !important;
}
.fm-mega-dialog .fm-mega-dialog-pad {
    margin: 0;
}

.payment-processing {
    background: rgba(34, 34, 34, 0.95);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.payment-animation-pad {
    width: 100%;
    top: 50%;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
}
.payment-animation {
    width: 146px;
    height: 164px;
    display: inline-block;
}
.payment-animation-txt {
    padding: 45px 0 0 0;
    color: white;
    font-size: 20px;
    line-height: 24px;
    font-family: 'source_sans_proregular', Arial, sans-serif;
}
.payment-result {
    position: absolute;
    z-index: 2200;
    min-width: 500px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(34, 34, 34, 0.95);
}
.payment-result-pad, .feedback-result-pad {
    text-align: center;
    z-index: 2200;
}
.payment-result-header, .payment-result-txt {
    font: var(--text-h1);
    color: white;
    padding-bottom: 16px;
}
.feedback-result-pad .payment-result-header {
    padding-bottom: 45px;
}
.feedback-result-pad .result-icon {
    height: 128px;
    width: 128px;
    margin: 0 auto 48px;
}
.payment-result-txt {
    font: var(--text-body1);
    padding-bottom: 44px;
}
.payment-result.pending .payment-result-txt {
    margin: 0 auto;
    max-width: 700px;
}
.payment-result.pending .payment-result-txt > a {
    color: #fff;
    text-decoration: underline;
}
.payment-result .result-icon {
    width: 128px;
    height: 128px;
    margin: 0 auto;
    margin-bottom: 24px;
}
.choose-plan-button {
    display: inline-block;
    min-width: 240px;
    font-size: 16px;
    padding: 0 15px;
    height: 48px;
    border: 2px solid rgba(19,224,60,0.7);
    border-radius: 8px;
    color: rgba(19,224,60,1);
    line-height: 44px;
    box-sizing: border-box;
    transition: all 200ms ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
}
.choose-plan-button:hover {
    color: #2e2e2e;
    background-color: var(--text-color-success);
    border-color: var(--stroke-success);
}
body.pro:after {
    display: none;
    content: url(../images/mega/payment-animation.gif);
}

.nw-dark-overlay {
    background-color: rgba(34,34,34,0.95);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden;
}
.megasync-content {
    width: 100%;
    position: absolute;
    top: 50%;
    margin: -243px 0 0 0;
    text-align: center;
}
.megasync-logo {
    width: 256px;
    height: 67px;
    background-image: url(../images/mega/download-sprite.png);
    background-position: center -1479px;
    margin: 0 0 0 28px;
    display: inline-block;
}
.megasync-info {
    font-size: 16px;
    line-height: 32px;
    color: white;
    padding: 33px 0 54px 0;
    font-family: 'source_sans_prolight', sans-serif;
    text-align: center;
    width: 800px;
    margin: 0 auto;
}
.megasync-close {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url(../images/mega/top-sprite.png);
    background-repeat: no-repeat;
    background-position: -11px -1544px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.megasync-close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.megasync-close-txt {
    width: 48px;
    height: 20px;
    position: absolute;
    top: 36px;
    right: 0;
    text-align: center;
    color: rgba(255,255,255,0.3);
    font-size: 13px;
    cursor: default;
}
.mega-list-arrow {
    height: 23px;
    background-image: url(../images/mega/download-sprite.png);
    background-position: center -2171px;
    cursor: pointer;
}
.mega-list-arrow.up {
    transform: rotate(180deg);
}
.mega-list-arrow.inactive {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
.bandwidth-text-bl .star {
    background-image: url(../images/mega/dialog-sprite.png);
    width: 15px;
    background-position: -50px -1551px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 -20px 0 5px;
}
.fm-dialog-close.small {
    background-image: url(../images/mega/register-big-sprite.png);
    background-position: -40px -130px;
}
.megasync-upload-overlay .fm-mega-dialog-pad {
    width: 540px;
    margin: 0 auto;
    padding: 0;
}
.megasync-upload-overlay .megasync-content {
    margin: -163px 0 0 0;
}
.megasync-upload-overlay .megasync-info {
    padding: 40px 0 40px 0;
    color: var(--text-color-white-high);
    font: var(--text-h3);
}
.megasync-upload-overlay .feedback-label-txt {
    display: inline-block;
    white-space: nowrap;
    padding-top: 16px;
}
.megasync-upload-overlay .megasync-bottom {
    padding-top: unset;
}
.megasync-content .megasync-title i {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    margin: -1px 16px 0 0;
    border-radius: 8px;
    background-repeat: no-repeat;
}
.megasync-content .megasync-title span {
    font: var(--text-h1-bold);
    color: var(--text-color-white-high);
}
.megasync-upload-overlay button.download-button {
    margin: 0 0 0 12px;
    white-space: nowrap;
}
.megasync-info a {
    color: #D90007;
    cursor: pointer;
}
.camera-access {
    min-height: 700px;
}
.camera-access div {
    font-size: 19px;
    line-height: 24px;
    color: white;
    font-family: 'source_sans_prolight', sans-serif;
    text-align: center;
}
.camera-top-block {
    position: absolute;
    width: 100%;
    top: 25%;
    margin: -105px 0 0 0;
}
.camera-top-icon {
    width: 110px;
    height: 110px;
    background-image: url(../images/mega/download-sprite.png);
    background-position: center -3065px;
    margin: 0 auto 53px auto;
}
.left-arrow .camera-top-icon {
    background-position: center -2895px;
}
.camera-top-txt {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
}
.camera-bottom-block {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
}
.camera-bottom-pad {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: -172px 0 0 0;
}
div.camera-bottom-txt {
    font-size: 60px;
    line-height: 75px;
    color: rgba(255,255,255,0.3);
    font-family: 'source_sans_proextralight', sans-serif;
    padding: 0 0 67px 0;
}
.camera-bottom-icon {
    display: inline-block;
    min-width: 380px;
    padding-top: 113px;
    background-image: url(../images/mega/download-sprite.png);
    background-position: center -3260px;
    background-repeat: no-repeat;
}
.camera-bottom-icon.pause {
    background-position: center -3405px;
}
.half-sized {
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.half-sized.right {
    float: right;
    right: 0;
}
.data-block.storage-data .chart-warning, .data-block.storage-data .account.buttons {
    display: none;
}
.data-block.exceeded .chart-warning, .data-block.exceeded .account.buttons {
    display: block;
}
.data-block.storage-data .chart-warning {
    margin: 12px 0 -15px 10px;
}
.empty.account.pr-item i,
.empty .account.progress-title {
    opacity: 0.3;
}
.account.progress-list.half-sized:not(.hidden) + .account.progress-list.half-sized {
    padding: 15px 0 18px 35px;
}
.account.progress-item {
    display: table-row;
}
.account.progress-data {
    display: table-cell;
    width: 10px;
    vertical-align: top;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 12px;
    height: 30px;
}
.account.progress-item.disabled {
    opacity: 0.3;
}
.account.progress-title span {
    font: var(--text-body1);
    vertical-align: middle;
}
.account.progress-title i {
    --icon-size: 12px;
    margin-inline-end: 4px;
    display: inline-block;
    vertical-align: middle;
}
.account.cloud-drive .progress-title i {
    --mask-color: var(--label-blue);
}
.account.inbox .progress-title i {
    --mask-color: var(--label-orange);
}
.account.rubbish-bin .progress-title i {
    --mask-color: var(--label-red);
}
.account.available .progress-title i {
    --mask-color: var(--label-grey);
}
.account.backups .progress-title i {
    --mask-color: var(--label-green);
}
.account.versions .progress-title i {
    --mask-color: var(--label-orange);
}
.achieved:not(.disabled) .account.progress-title {
    opacity: 0.5;
}
.account.pr-item {
    cursor: default;
}
.storage .account.pr-item:not(.available),
.account.storage-data .pr-item:not(.pr3),
.pointer-c {
    cursor: pointer;
}
.account.progress-perc {
    display: inline-flex;
    align-items: center;
    margin-inline-end: 8px;
}
.account.progress-perc .value {
    font: var(--text-data);
    margin-inline-end: 4px;
}
.account.progress-perc .unit {
    font: var(--text-body2);
}
.account.progress-bar .progress-bar-container {
    height: 6px;
    width: 100%;
    border-radius: 3px;
    display: flex;
    overflow: hidden;
    margin-top: 32px;
    background-color: rgba(0,0,0,0.2);
}
.account.progress-bar .progress-bar-section {
    height: 100%;
}
.account.progress-bar .progress-bar-section.pr0 {
    background-color: var(--label-blue);
}
.account.progress-bar .progress-bar-section.pr2 {
    background-color: var(--label-green);
}
.account.progress-bar .progress-bar-section.pr1 {
    background-color: var(--label-red);
}
.account.progress-bar .progress-bar-section.pr3 {
    background-color: var(--label-orange);
}
.account.progress-title.medium, .account.progress-size.medium {
    font-size: 16px;
    line-height: 28px;
}
.account.progress-size.grey {
    color: #777777;
}
.account.progress-size.grey span {
    color: #424242;
}
.account.progress-title.blue {
    color: #2BA6DE;
}
.account.progress-title.green {
    color: #31B500;
}
.account.used-space-block {
    padding-bottom: 20px;
}
.active-achievements .account.tab-content.achievements:not(.hidden) {
    display: block;
}
.red-txt {
    color: #F0373B;
}
.account.progress-block {
    height: 12px;
    background-color: #EEEEEE;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 4px;
    margin: 0;
}
.account.progress-block {
    height: 12px;
    background-color: #EEEEEE;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 4px;
    margin: 0;
}
.account.progress-block.small, .account.progress-block.small {
    height: 16px;
    border-radius: 3px;
}
.account.progress-block.used-space, .used-space .account.progress-bar {
    height: 32px;
}
.account.star-description {
    font-size: 14px;
    line-height: 18px;
    color: #777777;
    margin: 0 0 -18px 0;
}
.red-star {
    color: #F0373B;
}
.account .progress-title.star::after {
    content: ' *';
    display: inline;
    color: #F0373B;
}
.account.widget.body {
    box-sizing: border-box;
    position: relative;
    margin-top: 12px;
    background: var(--mobile-surface-1);
    color: var(--text-color-high);
    border-radius: 12px;
}
.account.widget.body.achievements,
.account.widget.body.referrals {
    margin-top: 8px;
}
.account.widget.body.storage {
    margin-bottom: 4px;
}
 .fm-right-block:not(.active-achievements) .account.widget.body.achievements {
    display: none;
}
.account.widget.body.masterkey, .account.widget.body.two-factor-authentication, .account.widget.body.reviewsessions {
    margin: 36px 20px 36px 10px;
    float: left;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% -30px);
    width: calc(50% - 30px);
}
.low-width .widget.body.masterkey, .low-width .widget.body.two-factor-authentication, .low-width .widget.body.reviewsessions {
    width: 448px;
    margin: 36px 0 36px 36px;
    float: none;
}
.account.widget.body.two-factor-authentication, .account.widget.body.reviewsessions {
    margin-top: 0;
}
.account.two-factor-authentication.enabled .enable-disable-2fa-button {
    background: #F0373B;
    border: initial;
    box-shadow: 0 1px 2px 0 rgba(217,0,7,0.3);
}
.account.two-factor-authentication.enabled .two-factor-disable-pin {
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    background-color: rgba(0,0,0,0.02);
    color: #999;
    display: block;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    margin-right: 50px;
    padding: 7px 77px;
    position: absolute;
    text-align: center;
    top: 0;
}
.account.two-factor-authentication .two-factor-disable-pin {
    display: none;
}
.account.two-factor-authentication .text-and-buttons {
    position: relative;
}
.account.two-factor-authentication .enable-disable-2fa-button .button-label-enabled {
    display: none;
}
.account.two-factor-authentication.enabled .button-label-enabled {
    display: block;
}
.account.two-factor-authentication.enabled .button-label-disabled {
    display: none;
}
.account.quota-alert-banner {
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    font: var(--text-body1);
    text-align: center;
    margin-top: 8px;
    padding: 2px 24px;
    width: 100%;
}
.account.quota-alert-banner.warning {
    background: var(--banner-background-warning);
    border-color: var(--banner-border-warning);
    color: var(--banner-text-warning);
}
.account.quota-alert-banner.error {
    background: var(--banner-background-error);
    border-color: var(--banner-border-error);
    color: var(--banner-text-error);
}

.account.widget.content {
    position: relative;
    padding: 24px;
    z-index: 1;
}
.bandwidth .account.widget.content {
    z-index: 2;
}
.account.widget.title {
    align-items: center;
    display: flex;
    font: var(--text-h2);
    margin-bottom: 24px;
}
.account.widget.title > i {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-inline-end: 16px;
    vertical-align: middle;
}
.account.widget.title > span {
    flex: 1;
    padding-inline-end: 12px;
    vertical-align: text-top;
}
.account.widget.text {
    font: var(--text-body1);
    margin: 16px 0 8px;
}

.data-list {
    padding-top: 14px;
}

.widget.buttons {
    margin: 11px -8px -7px 0;
    display: flex;
    justify-content: flex-end;
}
.account.widget.text + .widget.buttons {
    margin: -15px -8px -7px 0;
}
.accountbuttons button {
    margin-top: 27px;
}
.min-pad button.mega-button {
    margin-top: -12px;
}
.free .min-pad button.mega-button {
    margin-top: 0;
    margin-bottom: 8px;
}
.account.chart.body {
    width: 100px;
    height: 100px;
    background: var(--surface-progress-background);
    border-radius: 100%;
    position: relative;
    transform: rotate(-2.8deg);
    float: left;
}
.rtl .account.chart.body {
    float: right;
}
.account.chart.overlay {
    background: var(--surface-main);
    width: 92px;
    height: 92px;
    display: block;
    position: absolute;
    margin: 19px 0 0 0;
    margin-inline-start: 50px;
    z-index: 10;
}
.account.chart.overlay span {
    width: 7px;
    height: 12px;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 73px;
    left: -1px;
}
.rtl .account.chart.overlay span {
    left: auto;
    right: -1px;
}
.account.chart.overlay span:first-child {
    top: -5px;
    left: 34px;
    transform: rotate(45deg);
}
.rtl .account.chart.overlay span:first-child {
    left: auto;
    right: 34px;
    transform: rotate(-45deg);
}
.account.chart.overlay span::after {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    margin-inline-start: -7px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 4px solid #fff;
}
.theme-dark .account.chart.overlay span::after {
    border-color: #333;
}
.fm-account-main .account.chart.overlay span::after {
    border-color: rgba(250,250,250,1);
}
.account.chart.body::after {
    width: 84px;
    height: 84px;
    content: '';
    display: block;
    position: absolute;
    list-style: none;
    margin: 8px;
    padding: 0;
    border-radius: 100%;
    background: var(--surface-main);
    z-index: 10;
}
.account.chart-block {
    padding: 18px 0 0 0;
    position: relative;
}
.chart.progressbars {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
}
.chart.progressbars div {
    width: 100%;
    height: 100%;
    position: absolute;
}
.chart.progressbars span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
.free .fm-right-block.dashboard:not(.active-achievements) .bandwidth .chart.progressbars span, .free .fm-right-account-block:not(.active-achievements) .bandwidth .chart.progressbars span {
    -o-transform: none !important;
    -ms-transform: none !important; /* IE 9 */
    -webkit-transform: none !important; /* Safari */
    transform: none !important;
}
.free .fm-right-block.dashboard .bandwidth.exceeded .chart.progressbars span, .free .fm-right-account-block .bandwidth.exceeded .chart.progressbars span, .bandwidth.exceeded .chart.progressbars span {
    -o-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important; /* IE 9 */
    -webkit-transform: rotate(180deg) !important; /* Safari */
    transform: rotate(180deg) !important;
}
.chart.progressbars .right-chart {
    clip: rect(0, 100px, 100px, 50px);
}
.chart.progressbars .left-chart {
    clip: rect(0, 50px, 100px, 0);
}
.chart.progressbars span::before {
    width: 50%;
    height: 100%;
    content: '';
    position: absolute;
    background-color: #2ba6de;
    top: 0;
    left: 0;
}
.chart.progressbars .left-chart span::before {
    margin-left: 50%;
}
.chart.progressbars span::after {
    content: '';
    background: var(--stroke-dark-grey);
    width: 6px;
    height: 6px;
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: calc(50% - 3px);
    border-radius: 5px;
}
.chart.progressbars.exceeded span::after {
    display: none;
}
.account.chart.data {
    position: relative;
    margin: 9px 0 0 0;
    margin-inline-start: 120px;
    min-width: 84px;
    white-space: nowrap;
}
.account.upgrade-button-info {
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    padding: 5px 10px 0 0;
    display: table-cell;
    vertical-align: middle;
}
.account.upgrade-button-bl {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
}

/* New Contact Us Page styles */

.contact-us-revamp .main-mid-pad {
    max-width: 1280px;
    width: auto;
}
.contact-us-revamp .about-top-block .new-bottom-pages {
    padding: 46px 0 32px 0;
}
.contact-us-revamp .contact-new-row .main-mid-pad {
    width: 100%;
    position: relative;
    padding: 0 0;
    overflow: auto;
}
.contact-us-revamp .about-top-block {
    background-color: white;
}
.contact-us-revamp .contact-new-title {
    font-family: 'source_sans_probold', sans-serif;
    font-size: 18px;
    color: #262F3B;
    line-height: 28px;
    padding-left: 0;
    height: auto;
    margin-bottom: 16px;
    display: block;
    background-image: none;
    padding-left: 40px;
}
.contact-us .contact-new-title::before {
    content: '';
    background-image: url(../images/mega/contact-us-sprite@2x.png);
    background-size: 80px auto;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    margin-left: -40px;
}
.contact-us .contact-new-title.directory::before {
    background-image: none;
}
.contact-new-title.legal::before {
    background-position: -4px -312px;
}
.contact-new-title.copyright::before {
    background-position: -4px -119px;
}
.contact-new-title.improvements::before {
    background-position: -4px -280px;
}
.contact-new-title.report-a-bug::before {
    background-position: -4px -216px;
}
.contact-new-title.media::before {
    background-position: -4px -344px;
}
.contact-new-title.get-support::before {
    background-position: -4px -87px;
}
.contact-new-title.report-objectionable-material::before {
    background-position: -4px -151px;
}
.contact-new-title.privacy::before {
    background-position: -4px -184px;
}
.contact-new-title.security::before {
    background-position: -4px -248px;
}
.contact-new-title.suggest-improvements::before {
    background-position: -4px -280px;
}
.contact-new-title.other-ip-issues::before {
    background-position: -4px -376px;
}
.contact-new-title.corporate-office::before {
    background-position: -4px -409px;
}
.contact-new-title.corporate-mail::before {
    background-position: -4px -441px;
}
.contact-new-title.other-group-companies::before {
    background-position: -4px -473px;
}
.contact-new-title.eu-representative::before, .contact-new-title.gdpr::before {
    background-position: -4px -505px;
}
.contact-us-revamp h1 {
    background-image: url(../images/mega/contact-us-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -6px;
    line-height: 72px;
    margin: 36px 0 32px 0;
    padding: 0 0 0 96px;
    font-family: var(--text-font-family-second-semibold);
    font-size: 36px;
    color: #262F3B;
}
.contact-us-revamp p {
    padding: 8px 0 10px 0;
    color: #333333;
    font-size: 14px;
    line-height: 26px;
}
.contact-us-revamp .contact-directory .contact-new-title {
    background-image: none;
    padding-left: 0;
}
.contact-us-revamp .contact-new-column {
    padding: 40px 30px 48px 30px;
    border-left: none;
    border-right: none;
}
.contact-us-revamp .contact-new-column.two-column {
    width: 100%;
}
.contact-us-revamp .directory-list-wrapper {
    margin-top: 28px;
    padding-left: 15px;
    padding-right: 15px;
}
.contact-us-revamp .contact-new-button, a.contact-new-button {
    background: #F0373A;
    border-radius: 3px;
    padding: 1px 21px;
    line-height: 32px;
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'source_sans_prosemibold', sans-serif;
    margin: 16px 0 0 0;
    margin-left: 40px;
    transition: color 200ms ease-in-out, box-shadow 200ms ease-in-out, background-color 200ms ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(217,0,7,0.3);
}
.contact-us-revamp .contact-new-txt {
    font-size: 15px;
    color: #676D75;
    min-height: initial;
    margin-left: 40px;
}
.support a.contact-new-button {
    margin-left: 0;
}
.contact-us-revamp .contact-body-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    overflow: auto;
    box-sizing: border-box;
    padding: 46px 25px 0 25px;
}
.contact-us-revamp .contact-directory {
    display: inline-block;
    width: 25%;
}
.contact-us-revamp .contact-right-body {
    width: 75%;
    float: right;
}
.contact-us-revamp .directory-list-wrapper ul li {
    font-size: 15px;
    line-height: 24px;
    color: #262F3B;
    cursor: pointer;
    margin-bottom: 12px;
    list-style-position: outside;
}
.contact-us-revamp .directory-list-wrapper ul li:hover {
    text-decoration: underline;
}
.contact-us-revamp .directory-list-wrapper ul {
}
.contact-us-revamp .contact-new-row.bottom {
    margin-bottom: 96px;
    border-bottom: 0 solid #fff;
}
@media only screen and (max-width: 1570px) {
    .conversations-block {
        width: 33.333333%;
    }
}

@media only screen and (max-height: 292px) {
    .video-call .fm-right-header {
        min-height: 48px;
    }
}

@media only screen and (max-width: 1133px) {
    .conversations-block {
        width: 50%;
    }
}
@media only screen and (max-width: 1100px) {
    .download.bottom-buttons {
        width: 100%;
        left: 0;
    }
    .contact-us-revamp .contact-directory {
        display: none;
    }
    .contact-us-revamp .contact-body-wrapper {
        width: 1024px;
    }
    .contact-us-revamp .contact-right-body {
        float: none;
        width: auto;
        margin: 0 -15px;
    }
}

@media only screen and (max-height: 730px) {
    .currentLink img {
        width: auto !important;
        max-height: 250px;
    }
    .animations-left-container, .animations-right-container {
        margin-top: -120px;
    }
}

/**
 * Transfer Panel - Resize Handle styling
 */
.transfer-drag-handle {
    width: 100%;
    cursor: n-resize;
    z-index: 10;
    box-sizing: border-box;
}
/**
 * Left Pane - Resize Handle styling
 */
.left-pane-drag-handle {
    cursor: ew-resize;
    position: absolute;
    width: 10px;
    z-index: 999;
    box-sizing: border-box;
    right: 0;
    left: auto !important;
    height: 100%;
}
.left-pane-drag-handle::after {
    border-left: 2px solid var(--stroke-mid-grey);
    border-right: 2px solid var(--stroke-mid-grey);
    display: block;
    content: '';
    width: 2px;
    height: 16px;
    position: relative;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
}
.rtl .left-pane-drag-handle::after {
    right: 2px;
}
/**
 * Random CSS. TODO move css to correct place
 */
.fm-account-blocks.disabled {
    opacity: 0.4;
}
.verified_icon {
    display: none;
}
.verified .verified_icon {
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background-color: #1FA4E7;
    border-radius: 100%;
    background-image: url(../images/mega/new-chat-sprite.png);
    background-repeat: no-repeat;
    background-position: -7px -1353px;
    box-shadow: 0 0 0 2px rgba(255,255,255,1);
    position: absolute;
    right: -3px;
    top: -3px;
    display: block;
}
.notification-avatar .verified .verified_icon, .context-avatar.verified .verified_icon {
    display: none;
}
.support .account-form-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.free .support .account-form-wraper,
.low-width .support .account-form-wraper {
    padding: 0;
}
.support .fm-account-labels {
    padding-top: 10px;
    width: 70px;
}
.support .fm-account-inputs-blocks,
.support .fm-account-labels {
    display: table-cell;
    vertical-align: top;
}
.support .fm-account-inputs-blocks {
    padding-top: 15px;
    width: 470px;
}
.support .fm-account-labels .labels-block {
    display: table-row;
}
.support .fm-account-labels label {
    height: 48px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
    padding-bottom: 1px;
    width: 100%;
    box-sizing: border-box;
}
.support #support-subject {
    float: none;
}
.support .fm-account-input {
    line-height: 0;
    height: auto;
    margin: 16px 0 0;
    border: none;
}
.support textarea {
    width: 100%;
    height: 80%;
    border: 2px solid #e8e8e8;
    font-size: 14px;
    color: #666666;
    box-sizing: border-box;
    padding: 8px 35px 8px 10px;
    border-radius: 4px;
}
.help2 img[alt="smallx"] {
    max-width: 50px;
}
.help2 img[alt="small"] {
    max-width: 50%;
}
.mega-dialog.fm-picker-dialog .share-dialog-permissions {
    margin-top: 12px;
    float: left;
}
.fadeinout {
    -webkit-animation: fadeinout 2s linear forwards;
    animation: fadeinout 2s linear forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes fadeinout {
    0%, 100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}
@keyframes fadeinout {
    0%, 100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}
.red-star-img {
    background-image: url();
    width: 12px;
    height: 11px;
    margin-left: 8px;
    margin-right: 4px;
    display: inline-block;
}
.reg-st3-txt-achprogram {
    font-size: 16px;
    line-height: 20px;
    font-family: 'source_sans_proregular', sans-serif;
    margin-top: 8px;
    color: #666666;
    padding: 0 30px;
}
.public-links-cnt {
    height: 14px;
    border-radius: 4px;
    background-color: #999999;
    margin-left: 8px;
    padding: 0 3px !important;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 13px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin: 4px 0 0 8px;
}

.investors-pdf-block {
    margin-bottom: 12px;
}
.investors-pdf-block:first-of-type {
    margin-top: 12px;
}
.investors-pdf-block:last-of-type {
    margin-bottom: 0;
}
.investors-pdf-block a {
    float: right;
    color: #eb4444;
    font-size: 14px;
    line-height: 44px;
}
.investors-pdf-title {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.investors-pdf-date {
    font-size: 13px;
    line-height: 20px;
    color: #999;
}
.password-tooltip.tooltip-block {
    position: absolute;
    width: 390px;
    right: -406px;
    display: inline-block;
    top: -116px;
    box-shadow: 0 0 20px 5px rgba(0,0,0,0.06);
    opacity: 0;
    transition: all 200ms ease-in-out;
    border-radius: 6px;
    z-index: 10;
}
.password-tooltip.tooltip-block.visible {
    opacity: 1;
    transition: all 200ms ease-in-out;
}
.password-tooltip.tooltip-block .triangle-pointer {
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    position: absolute;
    left: -9px;
    background-color: #fff;
    top: 126px;
    box-shadow: -10px 7px 20px 0 rgba(0,0,0,0.06);
}
.password-tooltip.tooltip-block .password-tooltip-card {
    background: #FFFFFF;
    border: 1px solid #F4F4F6;
    border-radius: 6px;
    padding: 28px 32px;
}
.password-tooltip.tooltip-block p {
    text-align: left;
    color: #262F3B;
    white-space: normal;
    word-wrap: break-word;
}
.tooltip-block .minimum-password-block .password-icon {
    background-image: url(../images/mega/recover-account-sprite.png);
    background-repeat: no-repeat;
    background-size: 344px auto;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    left: 0;
    background-position: -133px -761px;
    opacity: 1;
    top: 0;
    margin-right: 8px;
    vertical-align: middle;
}
.tooltip-block .minimum-password-block .password-icon.success {
    background-position: -133px -782px;
}
.password-tooltip.tooltip-block .minimum-password-block p.minimum-password {
    margin-bottom: 0;
    vertical-align: middle;
    display: inline-block;
}
.password-tooltip.tooltip-block p.minor-gray-header {
    font-family: 'LatoWeb', 'source_sans_proregular', Arial, sans-serif;
    font-size: 14px;
    color: #818993;
    text-align: left;
    line-height: 21px;
    margin: 16px 0 12px;
}
.password-tooltip.tooltip-block h5.main-italic-header {
    font-size: 16px;
    margin-bottom: 10px;
}
.withoutkey .new-registration-checkbox.reset-pass {
    width: 402px;
    margin: 24px auto;
}
.reset-pass .radio-txt {
    margin-bottom: 25px;
}
.withoutkey .new-registration-checkbox.reset-pass .radio-txt {
    padding-right: 0;
}

.checkdiv.left {
    float: left;
}

/* FM content block */

.fm-right-files-block {
    display: flex;
    flex-direction: column;
}

/* Dashboard left pane */

.content-panel.dashboard .sprite-fm-mono.icon-info-filled.simpletip {
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
    --mask-color: var(--icon-rest);
    --icon-size: 24px;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}

.content-panel.dashboard .sprite-fm-mono.icon-info-filled.simpletip:hover {
    --mask-color: var(--icon-active);
}

/* Business account */

/* Business account left pane */

.content-panel.user-management .user-management-status,
.user-management-view .user-management-status {
    margin-inline-end: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    flex-shrink: 0;
    flex-grow: 0;
}

.content-panel.user-management .user-management-status {
    margin-inline-end: 12px;
}

.user-management-view .user-management-status-txt {
    vertical-align: middle;
}

.content-panel.user-management .user-management-status i,
.user-management-view .user-management-status i {
    display: none;
    width: 100%;
    height: 100%;
    --icon-size: 16px;
}

.content-panel.user-management .enabled.user-management-status i.enabled,
.user-management-view .enabled.user-management-status i.enabled {
    display: block;
    --mask-color: var(--secondary-green);
}

.content-panel.user-management .pending.user-management-status i.pending,
.user-management-view .pending.user-management-status i.pending {
    display: block;
    --mask-color: var(--secondary-orange);
}

.content-panel.user-management .disabled.user-management-status i.disabled,
.user-management-view .disabled.user-management-status i.disabled {
    display: block;
    --mask-color: var(--secondary-red);
}

.user-management-tree-panel-header {
    --mask-color: var(--text-color-medium);
    align-items: center;
    background: var(--mobile-surface-1);
    box-sizing: border-box;
    color: var(--text-color-medium);
    cursor: pointer;
    display: flex;
    font: var(--text-body1);
    height: 48px;
    overflow: hidden;
    padding-inline-start: 8px;
    position: relative;
    text-overflow: ellipsis;
    transition: var(--transition-color);
    white-space: nowrap;
    width: 100%;
}

.user-management-tree-panel-header:not(.active):hover {
    --mask-color: var(--text-color-high);
    color: var(--text-color-high);
}

.user-management-tree-panel-header.active {
    cursor: default;
}

.user-management-tree-panel-header.disabled-accounts {
    border-top: 2px solid var(--stroke-main);
    order: 1;
}

.user-management-tree-panel-header.disabled-accounts.active {
    order: 0;
}

.user-management-tree-panel-header i {
    transition: background-color 250ms;
    --icon-size: 16px;
    margin-inline-end: 4px;
}

.user-management-tree-panel-header.active i {
    transform: rotate(90deg);
}
.content-panel.account .settings-back {
    background: transparent;
    border-radius: 4px;
    color: var(--mobile-icon-primary);
    cursor: pointer;
    height: 36px;
    margin-inline-end: 4px;
    padding: 6px;
    width: 36px;
    --icon-size: 24px;
}
.content-panel.account .nav-elem.settings-back:hover i,
.content-panel.account .nav-elem.settings-back:active i {
    opacity: 1;
}
.content-panel.account .nav-elem.settings-back:hover {
    background: var(--mobile-button-outline-background-hover);
}
.content-panel.account .nav-elem.settings-back:active {
    background: var(--mobile-button-disabled);
}

.content-panel.user-management {
    box-sizing: border-box;
    min-width: 100%;
    min-height: auto;
    padding-inline-start: 20px;
    position: relative;
}

.nw-user-management-name {
    font: var(--text-body2);
    color: var(--text-color-medium);
    overflow: hidden;
    display: block;
    padding: 0;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* Business account content header */

.fm-right-header-user-management {
    height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    background: var(--mobile-page-background);
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
}

.user-management-main-page-buttons {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 5px 16px;
    cursor: pointer;
    z-index: 40;
    display: flex;
    flex-direction: row-reverse;
}
.rtl .user-management-main-page-buttons {
    left: 0;
    right: auto;
}
.user-management-main-page-buttons button:not(:first-of-type) {
    margin-inline-end: 12px;
}
.user-management-main-page-buttons button:not(.mega-button) .icon {
    margin: 1px 8px 1px -3px;
}
.user-management-main-page-buttons .add-sub-user i {
    --mask-color: var(--secondary-green);
}
.user-management-main-page-buttons .ba-account i {
    --mask-color: var(--secondary-orange);
}

/* Business account content blocks */

.user-management-view .scroll-block {
    overflow: hidden;
    position: relative;
}

.user-management-overview-bar {
    height: 46px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: var(--mobile-surface-1);
    border-left: 2px solid var(--stroke-main);
    z-index: 19;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.user-management-overview-bar-data {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    width: 100%;
}
.user-management-overview-bar-data .info-block {
    position: relative;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-management-overview-bar-data .info-block:first-child {
    padding-left: 0;
    padding-inline-end: 112px;
}
.user-management-overview-bar-data .info-block:last-child {
    padding-right: 0;
}

.user-management-overview-bar-data .info-block .icon {
    width: 20px;
    height: 24px;
    padding: 0;
    margin: 20px 8px 20px 0;
    background-image: url(../images/mega/fm-main-sprite.png);
    background-repeat: no-repeat;
    float: left;
}

.user-management-overview-bar-data .info-block .title {
    color: var(--text-color-high);
    font: var(--text-body1);
    padding-inline-end: 8px;
    display: inline-block;
    max-width: 180px;
    vertical-align: middle;
}
.user-management-overview-bar-data .info-block .value {
    border-radius: 11px;
    background: var(--surface-main);
    padding: 2px 8px;
    flex-shrink: 0;
}

.user-management-overview-bar-data .info-block .title2 {
    color: var(--text-color-high);
    font: var(--text-body1);
    display: inline-block;
    vertical-align: middle;
}
.user-management-overview-bar-data .info-block .number {
    color: var(--text-color-high);
    font: var(--text-body1);
    display: inline-block;
    vertical-align: middle;
}
.user-management-overview-bar-data button {
    margin: 16px 0 16px 80px;
}

.user-management-overview-bar-data button:not(.mega-button) .icon {
    margin: 4px 8px 4px 0;
}

.user-management-list-table {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.content-panel.user-management .nw-user-management-item {
    height: 32px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    transition: all 150ms ease-in-out;
    cursor: pointer;
    display: flex;
    padding-inline-start: 4px;
    padding-inline-end: 4px;
    margin: 1px 8px;
    align-items: center;
    border-radius: 4px;
}
.content-panel.user-management .nw-user-management-item:hover {
    background: var(--surface-main);
    color: var(--text-color-high);
}
.content-panel.user-management .nw-user-management-item.selected {
    background: var(--surface-grey-1);
    color: var(--text-color-high);
}

.nw-user-management-item:hover .nw-user-management-name,
.nw-user-management-item.selected .nw-user-management-name {
    color: var(--text-color-high);
}

.fm-files-view-icon-user-management.listing-view {
    background-position: -6px -1335px;
}

.fm-files-view-icon-user-management.listing-view:hover {
    opacity: 0.4;
}

.fm-files-view-icon-user-management.block-view.active,
.fm-files-view-icon-user-management.listing-view.active {
    opacity: 0.7;
}

.fm-files-view-icon-user-management.block-view.inactive,
.fm-files-view-icon-user-management.listing-view.inactive {
    opacity: 0.05;
    cursor: default;
}
.user-management-breadcrumb {
    --mask-color: var(--text-color-medium);
    align-items: center;
    box-sizing: border-box;
    display: flex;
    min-height: 48px;
    padding: 8px 24px;
    background: var(--mobile-page-background);
}
.user-management-breadcrumb i {
    display: inline-flex;
    --icon-size: 16px;
    margin: 0 8px;
}
.rtl .user-management-breadcrumb i {
    transform: rotate(180deg);
}
.user-management-breadcrumb .user-management-title,
.user-management-breadcrumb.pro-iv-invoices .user-management-subuser-name.acc-acc {
    color: var(--text-color-medium);
    cursor: pointer;
    display: inline-flex;
    font: var(--text-body1);
    transition: var(--transition-color);
}
.user-management-breadcrumb .user-management-title:hover,
.user-management-breadcrumb.pro-iv-invoices .user-management-subuser-name.acc-acc:hover {
    color: var(--text-color-high);
}

.user-management-view .user-management-subuser-avatars,
.fm-right-header-user-management .user-management-subuser-avatars,
.user-management-dialog .user-management-subuser-avatars {
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 100%;
    position: relative;
}

.user-management-view .user-management-subuser-avatars .avatar-wrapper.small-rounded-avatar,
.fm-right-header-user-management .user-management-subuser-avatars .avatar-wrapper.small-rounded-avatar {
    width: 24px;
    height: 24px;
    line-height: 20px;
    font-size: 16px;
}

.user-management-dialog .user-management-subuser-avatars .avatar-wrapper.small-rounded-avatar {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 50%;
}

.user-management-view .user-management-subuser-avatars .avatar-wrapper.small-rounded-avatar img,
.fm-right-header-user-management .user-management-subuser-avatars .avatar-wrapper.small-rounded-avatar img,
.user-management-dialog .user-management-subuser-avatars .avatar-wrapper.small-rounded-avatar img {
    width: 20px;
    height: 20px;
}
.user-management-view .user-management-subuser-image,
.fm-right-header-user-management .user-management-subuser-image,
.user-management-dialog .user-management-subuser-image {
    margin: 1px;
    padding: 0;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    position: absolute;
    background-color: #F0F8FF;
}

.user-management-subuser-profile-container {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    padding: 24px;
}

.user-management-view .subaccount-img-big {
    width: 160px;
    height: 160px;
    border-radius: 8px;
    transition: 0.1s;
}

.user-management-subuser-profile-container .subaccount-img-big .avatar-wrapper.small-rounded-avatar {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    font-size: 80px;
    line-height: 158px;
}

.user-management-subuser-profile-container .subaccount-img-big .avatar-wrapper.small-rounded-avatar img {
    width: 100%;
    height: 100%;
}

.user-management-subuser-profile-container .user-management-subuser-profile {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}
.user-management-subuser-profile-container .user-management-subuser-profile-details {
    display: flex;
    flex-direction: row;
}
.user-management-subuser-profile-container .subuser-container {
    border-right: 1px solid var(--stroke-grey-2);
    max-width: 360px;
    width: 50%;
    padding-inline-start: 24px;
    padding-inline-end: 48px;
}
.user-management-subuser-profile-container .subuser-sec-profile-container {
    max-width: 360px;
    width: 50%;
    padding: 0 24px;
}

.user-management-subuser-profile-container .subuser-sec-profile-container .icon {
    display: inline-block;
    padding-right: 24px;
    vertical-align: top;
}

.user-management-subuser-profile-container .subuser-sec-profile-container ul {
    display: inline-block;
    list-style-type: none;
    margin: 6px 0 0 0;
    padding: 0;
}

.user-management-subuser-profile-container .subuser-sec-profile-container ul li {
    padding-bottom: 8px;
}

.user-management-subuser-profile-container .subuser-sec-profile-container ul li span {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-management-subuser-profile-container .subuser-sec-profile-container ul li > span:first-child {
    color: var(--text-color-high);
    font: var(--text-body1);
}

.user-management-subuser-profile-container .subuser-sec-profile-container ul li > span:last-child {
    padding-left: 4px;
    color: var(--text-color-medium);
    font: var(--text-body1);
}
.user-management-subuser-profile-container .user-management-subuser-profile .subuser-name {
    color: var(--text-color-high);
    font: var(--text-h2);
    position: relative;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-management-subuser-profile-container .user-management-subuser-profile .subuser-email {
    color: var(--text-color-low);
    font: var(--text-body1);
    position: relative;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 4px 0;
}

.user-management-subaccount-view-container .user-management-subuser-profile-container .view-status-row {
    width: 100%;
    position: relative;
    margin: 4px 0;
}

.user-management-subaccount-view-container .profile-button-container {
    padding-inline-start: 24px;
}

.user-management-view-status.enabled,
.user-management-view-status.disabled,
.user-management-view-status.pending {
    width: 16px;
    height: 16px;
    margin-inline-start: 4px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.user-management-view-status.enabled i,
.user-management-view-status.disabled i,
.user-management-view-status.pending i {
    display: none;
    width: 100%;
    height: 100%;
    --icon-size: 16px;
}

.user-management-view-status.enabled i.enabled {
    display: inline-block;
    --mask-color: var(--secondary-green);
}

.user-management-view-status.disabled i.disabled {
    display: inline-block;
    --mask-color: var(--secondary-red);
}

.user-management-view-status.pending i.pending {
    display: inline-block;
    --mask-color: var(--secondary-orange);
}

.user-management-subuser-profile .view-status-row .user-management-view-status.text {
    color: var(--text-color-low);
    font: var(--text-body1);
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

.user-management-subuser-profile .view-status-row .initial-pw-bar {
    width: auto;
    height: 28px;
    margin-left: 108px;
    display: inline-block;
    position: absolute;
    border-radius: 4px;
    background-color: #FFA500;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.user-management-subuser-profile .initial-pw-bar .icon-button {
    width: 40px;
    height: 28px;
    position: relative;
    background-color: rgba(0,0,0,0.05);
    float: right;
    display: inline-block;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: 0.1s;
}

.user-management-subuser-profile .initial-pw-bar .icon-button:hover {
    background-color: rgba(0,0,0,0.1);
}

.user-management-subuser-profile .initial-pw-bar .icon-button::before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    left: 0;
}

.user-management-subuser-profile .initial-pw-bar .icon {
    margin: 2px 8px;
    position: relative;
}

.user-management-subuser-profile .initial-pw-bar span {
    font-size: 14px;
    line-height: 28px;
    padding: 0 12px 0 0;
    color: #fff;
    font-weight: 400;
    padding-left: 12px;
    float: left;
}

.user-management-subuser-profile .initial-pw-bar span b {
    color: #fafafa;
    font-weight: 600;
    margin: 0 12px 0 0;
}

.user-management-subuser-profile .user-management-view-status.text {
    margin: 0;
}

.user-management-subuser-profile .admin-icon.role {
    margin: 4px 0;
    position: relative;
    width: 100%;
}

.user-management-subuser-profile .admin-icon.role i {
    display: inline-block;
    vertical-align: middle;
}

.user-management-subuser-profile .admin-icon .admin-text {
    position: relative;
    color: var(--text-color-high);
    font: var(--text-body1);
    width: auto;
    display: inline-block;
    vertical-align: bottom;
}
.user-management-subuser-profile-container button {
    margin-top: 8px;
}
.user-management-subuser-profile-container button:not(:last-of-type) {
    margin-inline-end: 12px;
}
.user-management-view .user-management-view-data {
    box-sizing: border-box;
    margin-top: 24px;
    position: relative;
    padding: 24px;
    width: 100%;
}
.user-management-view-data .user-management-view-overall-usage {
    position: relative;
    border-bottom: 1px solid var(--stroke-grey-2);
    padding-bottom: 24px;
}
.user-management-view-data .user-management-view-overall-usage .data {
    display: flex;
    align-items: center;
}
.user-management-view-data .user-management-view-overall-usage .title {
    width: 100%;
}

.user-management-storage,
.user-management-transfer {
    position: relative;
    display: flex;
    align-items: center;
}
.dashboard-section .user-management-storage,
.dashboard-section .user-management-transfer {
    flex-grow: 1;
    padding-inline-end: 48px;
}
.user-management-storage {
    padding-inline-end: 120px;
}
.low-width .dashboard-section .user-management-storage,
.low-width .dashboard-section .user-management-transfer {
    display: flex;
    justify-content: center;
    padding: 0 0 24px;
}

.user-management-storage .img,
.user-management-transfer .img {
    width: 64px;
    height: 64px;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
}

.user-management-storage .img i,
.user-management-transfer .img i {
    width: 100%;
    height: 100%;
}

.dashboard-section .storage-img {
    margin-left: 24px;
}

.user-management-view-data .user-management-view-overall-usage .view-info,
.dashboard-section .view-info {
    position: relative;
    padding-inline-start: 20px;
    display: inline-block;
    vertical-align: top;
}

.user-management-view-data .user-management-view-overall-usage .view-info .storage-transfer-text {
   font: var(--text-body1);
   color: var(--text-color-high);
   margin-bottom: 8px;
}

.dashboard-section .view-info .storage-transfer-text {
    font: var(--text-body1);
    color: var(--text-color-medium);
}

.dashboard-section .view-info .storage-transfer-current {
    font: var(--text-h3-bold);
    color: var(--text-color-high);
}

.dashboard-section .view-info .storage-transfer-data-details {
    display: flex;
    margin-top: 8px;
}

.dashboard-section .admin .view-info .storage-transfer-data-details {
    margin-top: 16px;
    gap: 20px;
}

.dashboard-section .view-info .storage-transfer-data-details-base {
    width: 80px;
}

.dashboard-section .view-info .storage-transfer-data-base-head,
.dashboard-section .view-info .storage-transfer-data-base-ext {
    color: var(--text-color-medium);
}

.dashboard-section .view-info .storage-transfer-data-base-ext {
    white-space: nowrap;
}

.user-management-view-data .user-management-view-overall-usage .view-info .storage-transfer-data {
   font: var(--text-h1);
   color: var(--text-color-high);
}

.dashboard-section .view-info .storage-transfer-data {
   font: var(--text-h3-bold);
   color: var(--text-color-high);
}

.dashboard-section .user-management-storage .img,
.dashboard-section .user-management-transfer .img {
    width: 60px;
    height: 60px;
}

.dashboard-section .admin .user-management-storage .img,
.dashboard-section .admin .user-management-transfer .img {
    width: 48px;
    height: 48px;
    align-self: start;
}

.subaccount-view-used-data {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 24px;
}
.used-storage-wrap {
    color: var(--text-color-medium);
    font: var(--text-body2);
    text-align: start;
    text-overflow: ellipsis;
    display: table;
    width: 100%;
    box-sizing: border-box;
    max-width: 960px;
    min-width: 500px;
}
.data-container .used-storage-wrap {
    padding: 0 24px 0 24px;
}
.used-storage-wrap .used-storage-info {
    position: relative;
    text-align: start;
    text-overflow: ellipsis;
    z-index: 1;
}
.used-storage-wrap .used-storage-info div {
    vertical-align: middle;
    display: table-cell;
}
.used-storage-icon-cell {
    width: 16px;
}
.used-storage-icon-cell i {
    padding-right: 8px;
    --icon-size: 16px;
    --mask-color: var(--text-color-medium);
}
.used-storage-info {
    height: 32px;
    box-sizing: border-box;
    padding-bottom: 16px;
    display: table-row;
}
.used-storage-info .versioning-settings {
    --icon-size: 16px;
    --mask-color: var(--text-color-medium);
    cursor: pointer;
}
.used-storage-info .ff-number {
    position: relative;
    vertical-align: top;
}
.used-storage-info .folder-number,
.used-storage-info .file-number {
    display: inline-block;
}

.used-storage-wrap .used-storage-info .folder-number {
    text-align: end;
}
.used-storage-wrap .used-storage-info .folder-number:empty + div {
    display: none;
}
.used-storage-wrap .file-number {
    padding: 7px 4px;
}

.used-storage-wrap .used-storage-info .ff-occupy {
    text-align: end;
    display: table-cell;
}
.used-storage-wrap .empty {
    color: var(--text-color-low);
}
.used-storage-wrap .empty i {
    --mask-color: var(--icon-inactive);
}
.used-storage-wrap .folder-number {
    width: 120px;
}
.used-storage-wrap .ba-version .folder-number {
    width: 123px;
}

.user-management-overview-buttons {
    position: absolute;
    right: 12px;
    top: 8px;
    box-sizing: border-box;
}

.user-management-overview-buttons button {
    float: right;
    margin-right: 12px;
    line-height: 32px;
}

.user-management-overview-buttons button:not(.mega-button) .icon {
    margin: 4px 8px 4px 0;
}

.user-management-subaccount-view-container,
.user-management-grid-table {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--mobile-page-background);
}

.user-analysis-container {
    box-sizing: border-box;
    position: relative;
    margin: 20px 24px;
    width: calc(100% - 40px);
}

.user-management-view .view-title,
.dashboard-section .view-title {
    font: var(--text-h2);
    color: var(--text-color-high);
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.dashboard-section .view-title {
    display: flex;
    text-align: start;
    padding-bottom: 16px;
}

.business-dashboard-container .storage-analysis-pie-container .view-title,
.business-dashboard-container .data-analysis-container .view-title,
.user-management-view .user-analysis-container .view-title,
.user-management-view .table-user-management .view-title {
    padding: 24px 24px 16px;
}

.user-management-subaccount-view-container .view-title {
    margin-bottom: 32px;
}

.dashboard-section .overall-usage-container .view-title::after {
    content: '';
    position: absolute;
    width: calc(100% + 48px);
    margin-inline-start: -24px;
    height: 1px;
    background-color: var(--mobile-border-strong);
    bottom: 0;
    left: 0;
}

.user-analysis-summary-data {
    display: flex;
    flex-direction: row;
    border-top: 1px solid var(--stroke-grey-2);
    margin-bottom: 8px;
}

.user-segments-container {
    width: 25%;
    position: relative;
}

.user-segments-container:first-child {
    border-bottom-left-radius: 12px;
}

.rtl .user-segments-container:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 12px;
}

.user-segment-title {
    width: 100%;
    text-align: center;
    margin-top: 12px;
    font: var(--text-body1);
    color: var(--text-color-medium);
}

.user-segment-number {
    width: 100%;
    text-align: center;
    margin: 4px 0;
    font: var(--text-h0);
    color: var(--text-color-medium);
}

.user-segments-container:first-child .user-segment-title {
    color: var(--secondary-green);
}

.user-segments-container:first-child .user-segment-number {
    color: var(--secondary-green);
}

.dashboard-section .storage-analysis-pie-container {
    box-sizing: border-box;
}

.storage-analysis-pie-container .storage-big-chart {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 24px auto;
}

.storage-analysis-pie-container .storage-big-chart-wrapper {
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: 24px 0;
    display: flex;
    flex-wrap: wrap;
}

.storage-analysis-pie-container .storage-big-chart-wrapper .storage-pie-chart-container {
    flex-grow: 1;
    width: 40%;
}

.storage-analysis-pie-container .storage-big-chart-wrapper .storage-pie-data-container {
    flex-grow: 2;
    width: 60%;
    margin: auto 0;
}

.business-dashboard-container .storage-summary {
    align-items: center;
    background: var(--mobile-surface-1);
    color: var(--text-color-high);
    display: flex;
    padding: 18px 0;
    --surface-alpha: 0.4;
}

.business-dashboard-container .storage-summary .total-storage-title {
    margin-inline-start: 24px;
    color: var(--text-color-medium);
}

.business-dashboard-container .storage-summary .total-storage-number {
    font: var(--text-h3);
    margin-inline-start: 16px;
}

.storage-division-container {
    position: relative;
    width: auto;
    margin: 0 24px 0 24px;
    cursor: pointer;
    padding: 6px 0;
    display: flex;
    align-items: center;
}

.user-management-view .storage-division-container.disabled {
    opacity: 0.5;
    cursor: pointer !important;
}

.storage-division-container .storage-division-per {
    position: relative;
    height: 18px;
    border-radius: 9px;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    padding: 0 10px;
}
.storage-division-container .storage-division-per.one-digit {
    padding: 0 12px;
}
.storage-division-container .storage-division-per.two-digits {
    padding: 0 8px;
}
.storage-division-container .storage-division-per.three-digits {
    padding: 0 4px;
}

.storage-division-name {
    position: relative;
    margin-inline-start: 12px;
    display: inline-block;
    width: calc(100% - 140px);
    color: var(--text-color-high);
    font: var(--text-body1);
}

.storage-division-num {
    color: var(--text-color-medium);
    font: var(--text-body1);
    margin-inline-start: auto;
}

.rtl .storage-division-num {
    right: auto;
    left: 0;
}

.storage-division-per.cloud-drive-color {
    background-color: var(--label-red);
}

.storage-division-per.s4-color {
    background-color: var(--label-blue);
}

.storage-division-per.inbox-color {
    background-color: var(--label-orange);
}

.storage-division-per.incoming-color {
    background-color: var(--label-purple);
}

.storage-division-per.backups-color {
    background-color: var(--label-green);
}

.storage-division-per.rubbish-color {
    background-color: var(--label-grey);
}


/* Dashboard - Analysis Summary Begin */

.analysis-summary-container {
    background-color: var(--mobile-surface-1);
    border-radius: 12px;
    display: grid;
    font: var(--mobile-font-caption-large-regular);
    gap: 16px;
    grid-template-columns: auto 1fr;
    padding: 16px 24px;
}

.analysis-summary-container.lg-size {
    font: var(--mobile-font-link-large-regular);
}

.analysis-summary-container .link {
    margin-inline-start: auto;
}

.analysis-summary-container .usage {
    align-items: center;
    color: var(--mobile-text-secondary);
    display: flex;
    grid-column: 1 / 2;
}

.analysis-summary-container .usage-value {
    color: var(--mobile-text-primary);
    display: inline-block;
    flex: 1 1 auto;
    font: var(--text-h3);
    margin-inline-start: 8px;
    text-align: end;
    white-space: nowrap;
}

.analysis-summary-container .usage-value b {
     color: var(--text-color-success);
}

.analysis-summary-container .next-bill-ratio {
    align-items: center;
    color: var(--mobile-icon-on-color-disabled);
    display: flex;
    font: var(--mobile-font-caption-small-regular);
    grid-column: 2 / 3;
}

.analysis-summary-container .next-bill-ratio > * {
    align-items: center;
    display: flex;
}

.analysis-summary-container .next-bill-ratio > * ~ * {
    margin-inline-start: 4px;
}

.analysis-summary-container .next-bill-ratio .ratio-value {
    white-space: nowrap;
}

.analysis-summary-container .next-bill-ratio.up i,
.analysis-summary-container .next-bill-ratio.up span.ratio-value {
    color: var(--mobile-support-success);
}

.analysis-summary-container .next-bill-ratio.down i,
.analysis-summary-container .next-bill-ratio.down span.ratio-value {
    color: var(--mobile-support-error);
}

/* Dashboard - Analysis Summary End */

.dashboard-section .tabs-container {
    border-bottom: 1px solid var(--mobile-border-strong);
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    padding: 24px 24px 0;
}

.dashboard-section .tabs-container .tab {
    background: none;
    border: 0;
    border-bottom: 3px solid transparent;
    box-sizing: border-box;
    color: var(--mobile-text-primary);
    cursor: pointer;
    display: inline-flex;
    font: var(--mobile-font-link-large-regular);
    margin: 0;
    outline: none;
    padding: 12px 12px 8px;
    transition: var(--transition-color), var(--transition-border);
}

.dashboard-section .tabs-container .tab.active {
    border-color: var(--mobile-border-brand);
    font-weight: var(--mobile-font-weight-bold);
}

.dashboard-section .analysis-container {
    display: grid;
    gap: 24px;
    padding: 24px;
}

.dashboard-section .widget .analysis-container {
    padding: 0;
}

.dashboard-section .analysis-container.vo-hidden {
    position: absolute;
}

.dashboard-section .analysis-container .chart-container {
    height: 250px;
    position: relative;
}

.dashboard-section .analysis-container canvas {
    height: 250px;
    position: absolute;
    width: 100%;
}

.dashboard-section .analysis-container .chart-month-container {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 16px;
}

.dashboard-section .analysis-container .daily-title {
    color: var(--mobile-text-secondary);
    font: var(--mobile-font-caption-small-regular);
}

.dashboard-section .analysis-body {
    display: grid;
    gap: 24px;
    overflow: hidden;
}

.dashboard-section .analysis-body .legend-body,
.dashboard-section .analysis-body .legend-buttons {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
}

.dashboard-section .analysis-body .legend-body .legend {
    align-items: center;
    color: var(--mobile-text-primary);
    display: flex;
    font: var(--mobile-font-caption-small-regular);
}

.dashboard-section .analysis-body .legend-buttons {
    gap: 8px;
    padding: 16px 0 0;
}

.dashboard-section .analysis-body .legend-buttons hr {
    background-color: var(--mobile-border-strong);
    border: 0;
    height: 16px;
    padding: 0;
    margin: 0;
    width: 1px;
}

.dashboard-section .analysis-body .legend-buttons button {
    background-color: var(--mobile-button-secondary);
    border: 0;
    border-radius: var(--mobile-border-radius-large);
    color: var(--mobile-text-primary);
    cursor: pointer;
    display: inline-flex;
    font: var(--mobile-font-caption-large-regular);
    outline: none;
    padding: 3.5px 12px;
    margin: 4px 0;
}

.dashboard-section .analysis-body .legend-buttons button.active {
    background-color: var(--mobile-color-container-default);
    color: var(--mobile-color-on-container);
}

.dashboard-section .analysis-body .legend-body i {
    background-color: var(--label-red);
    display: block;
    height: 12px;
    margin-inline-end: 4px;
    width: 12px;
}

.dashboard-section  .analysis-body .chart-info {
    color: var(--mobile-text-secondary);
    display: grid;
    font: var(--mobile-font-caption-small-regular);
    gap: 16px;
    padding: 0 16px;
}

.dashboard-section  .analysis-body .chart-info .info-wrap {
    display: flex;
    width: 100%;
}

.dashboard-section .analysis-body .chart-info .units {
    color: var(--mobile-icon-on-color-disabled);
    margin-inline-start: auto;
}

.dashboard-section  .analysis-body .analysis-remarks-container {
    font: var(--mobile-font-caption-small-regular);
    color: var(--mobile-icon-on-color-disabled);
    padding: 0 16px;
}

.user-management-grid-table a {
    width: 170px;
    height: 220px;
    margin: 16px 0 0 12px;
    float: left;
    position: relative;
    content: "";
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    cursor: pointer;
    transition: 0.2s;
}

.user-management-grid-table a:hover {
    box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
}

.user-management-grid-table a:hover .subaccount-button {
    display: inline-block;
}

.subaccount-img-big {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
}

.subaccount-img-big .subaccount-button {
    width: 25px;
    height: 16px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    position: absolute;
    right: 8px;
    bottom: 8px;
    transition: 0.2s;
}

.subaccount-img-big .subaccount-button:hover {
    box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
}

.subaccount-img-big .subaccount-button .subaccount-button-dot {
    width: 3px;
    height: 3px;
    background-color: #999999;
    display: inline-block;
    position: relative;
    float: left;
    margin: 6.5px 0;
}

.subaccount-img-big .subaccount-button .subaccount-button-dot:first-child {
    margin-left: 5px;
}

.subaccount-img-big .subaccount-button .subaccount-button-dot:nth-child(2) {
    margin: 6.5px 3px;
}

.user-management-grid-table a .subaccount-name {
    font-size: 14px;
    color: #666666;
    line-height: 18px;
    position: relative;
    margin: 8px 0 2px 8px;
    float: left;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-management-grid-table a .subaccount-email {
    font-size: 13px;
    color: #999999;
    line-height: 16px;
    position: relative;
    margin: 2px 0 12px 8px;
    clear: both;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-management-grid-table a .user-management-status {
    margin: 13px 0 0 9px;
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu {
    width: 250px;
    height: 136px;
    position: absolute;
    left: 127px;
    top: 160px;
    background-color: #ffffff;
    content: "";
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    cursor: pointer;
    transition: 0.2s;
    z-index: 9;
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu .subaccount-grid-menu-option {
    width: 234px;
    height: 32px;
    position: relative;
    margin: 8px 8px 0 8px;
    display: block;
    line-height: 32px;
    font-size: 14px;
    color: #666666;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu .subaccount-grid-menu-option:hover {
    background-color: rgba(245,245,245,1);
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu .subaccount-grid-menu-option:last-child {
    margin: 16px 8px 8px 8px;
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu.disabled-user .subaccount-grid-menu-option:last-child {
    color: rgba(0,191,165,1);
    margin: 16px 8px 8px 8px;
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu.disabled-user .subaccount-grid-menu-option:last-child:hover {
    background-color: rgba(0,191,165,0.1);
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu.enabled-user .subaccount-grid-menu-option:last-child {
    color: rgba(228,76,81,1);
    margin: 16px 8px 8px 8px;
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu.enabled-user .subaccount-grid-menu-option:last-child:hover {
    background-color: rgba(228,76,81,0.1);
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 48px;
    display: block;
    background-color: #eee;
}

.user-management-grid-table a .subaccount-img-big .subaccount-grid-menu .subaccount-grid-menu-option .icon {
    float: left;
    position: relative;
    margin: 4px 12px 4px 8px;
}

.fm-main-user-management .overlay {
    background: radial-gradient(ellipse at center, #4c4c4c 0%, #000000 100%);
    z-index: 1110;
    position: fixed;
    top: -5%;
    bottom: -5%;
    left: -5%;
    opacity: 0.5;
    width: 110%;
    height: 110%;
    overflow: hidden;
}

.fm-main-user-management.main-blur-block {
    filter: blur(0.25em);
    -webkit-filter: blur(0.25em);
}

.user-management-dialog .edit-email-warning.active {
    z-index: 999;
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);
    margin-top: -14px;
}
.user-management-dialog .dialog-tree-panel-scroll {
    overflow: hidden;
}
.user-management-dialog .dialog-subtitle {
    height: auto;
    position: relative;
    margin: 0 auto 40px auto;
}
.user-management-dialog .dialog-input-container {
    width: 100%;
    height: auto;
    position: relative;
    padding: 32px 32px 0;
    box-sizing: border-box;
}
.user-management-dialog .dialog-input-container .input-user .confirm-img.icon {
    position: absolute;
    bottom: 36px;
    left: 220px;
}
.toggle-optional-inputs-container {
    text-align: center;
    display: block;
}
.user-management-dialog .default-button-no-border,
.fm-right-header-user-management .default-button-no-border,
.user-management-view .default-button-no-border {
    transition: 0.2s;
    height: 24px;
    width: auto;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    color: #999;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    margin: 4px 0;
}
.voucher-info-redeem .icon,
.fm-right-header-user-management .icon,
.user-management-dialog .icon,
.user-management-overview-bar .icon {
    background-image: url(../images/mega/fm-main-sprite.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.user-management-view .icon48,
.user-management-dialog .icon48 {
    background-image: url(../images/mega/big-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 48px;
    height: 48px;
    position: relative;
}

.user-management-view .icon56 {
    background-image: url(../images/mega/big-icons.png);
    background-repeat: no-repeat;
    width: 56px;
    height: 56px;
    position: relative;
}

.user-management-view .icon64,
.user-management-dialog .icon64,
.bottom-page.unsub .icon64 {
    background-image: url(../images/mega/big-icons.png);
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    position: relative;
}

.user-management-view .add-user-icon56 {
    background-position: 0 -343px;
}

.user-management-view .accounts-icon56 {
    background-position: -64px -343px;
}

.user-management-dialog .checked-icon56 {
    background-position: -124px -280px;
}
.dialog-heading-img {
    display: block;
}

.user-management-dialog .delete-img.icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 16px;
    right: 16px;
}
.verification-container .verification-user-info .sub-e {
    display: inline;
    user-select: text;
}
.verification-container .verification-user-info .sub-p {
    display: inline;
    user-select: text;
}
.pending-email-note {
    height: auto;
    width: auto;
    background-color: var(--banner-background-warning);
    border: 1px solid var(--banner-border-warning);
    border-radius: 4px;
    color: var(--banner-text-warning);
    line-height: 26px;
    padding: 0 12px;
    display: none;
}
.pending-email-note.active {
    display: inline-block;
}

.user-management-subaccount-view-container .pending-email-note {
    position: relative;
    margin: 4px 0;
    z-index: 998;
    transition: 0.1s;
    max-width: 100%;
}
.user-management-subaccount-view-container .pending-email-note:hover .top-login-warning.edit-email-warning {
    opacity: 1;
    display: inline-block;
}
.user-management-subaccount-view-container .top-login-warning.edit-email-warning {
    margin-left: -15px;
    display: none;
}
.user-management-subaccount-view-container .top-login-warning.edit-email-warning .top-login-warning-pad {
    padding: 20px 16px;
    line-height: 18px;
}
.user-management-subaccount-view-container .top-login-warning.edit-email-warning .top-login-warning-txt {
    margin: 0;
    padding: 0;
}
.re-enable-large-icon {
    background-position: -117px -1261px;
}
.user-management-landing-page {
    background: var(--surface-main);
    display: flex;
}
.user-management-landing-page .landing-page-container {
    padding: 24px;
    margin: auto;
    max-width: 680px;
    position: relative;
}
.user-management-landing-page .landing-title {
    font: var(--text-h1);
    color: var(--text-color-high);
    width: 100%;
    text-align: center;
}
.user-management-landing-page .landing-sub-title {
    font: var(--text-body1);
    color: var(--text-color-medium);
    width: 100%;
    text-align: center;
    margin: 24px 0 56px 0;
}

.user-management-landing-page .landing-sub-container {
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.2s;
    border-bottom: 1px solid var(--divider-color);
}

.user-management-landing-page .landing-sub-container.first {
    border-top: 1px solid var(--divider-color);
}

.user-management-landing-page .landing-sub-container .list-icon {
    position: relative;
    float: left;
    margin: 16px 24px 16px 0;
    width: 64px;
    height: 64px;
}

.user-management-landing-page .landing-sub-container .landing-container-title {
    font: var(--text-h3);
    color: var(--text-color-high);
}
.user-management-landing-page .landing-sub-container .landing-container-subtitle {
    font: var(--text-body1);
    color: var(--text-color-medium);
}
.user-management-landing-page .licence-bar {
    width: 680px;
    height: 48px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -340px;
    background-color: #333;
    border-radius: 8px;
    padding: 12px 60px 12px 0;
    box-sizing: border-box;
}
.user-management-landing-page .licence-bar .icon {
    float: left;
    margin: 0 4px 0 24px;
    position: relative;
}

.user-management-landing-page .licence-bar span {
    color: #fafafa;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    vertical-align: top;
}

.user-management-landing-page .landing-sub-container button {
    margin-inline-start: auto;
}

.user-management-account-settings .settings-menu-bar {
    width: 100%;
    background: var(--mobile-page-background);
    border-bottom: 1px solid var(--surface-grey-2);
    position: relative;
    display: block;
    padding: 0 24px;
    box-sizing: border-box;
}

.user-management-account-settings .settings-menu-bar .settings-menu-item {
    color: var(--text-color-medium);
    font: var(--text-h3);
    padding: 20px 24px 8px 24px;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
}

.user-management-account-settings .settings-menu-bar .settings-menu-item:hover {
    color: var(--text-color-high);
}

.user-management-account-settings .settings-menu-bar .settings-menu-item.selected {
    color: var(--text-color-high);
    cursor: default;
    font: var(--text-h3-bold);
}
.user-management-account-settings .settings-menu-bar .settings-menu-item.suba-setting-inv.selected {
    cursor: pointer;
}

.user-management-account-settings .settings-menu-bar .settings-menu-item.selected::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--secondary-blue);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.user-management-account-settings .settings-submenu-bar {
    width: 100%;
    height: 48px;
    background-color: #fff;
    position: relative;
    padding-left: 32px;
    box-sizing: border-box;
}

.user-management-account-settings .settings-submenu-item {
    color: #666;
    font-size: 16px;
    line-height: 48px;
    display: inline-block;
    margin-right: 80px;
    cursor: pointer;
}

.user-management-account-settings .settings-submenu-item .setting-icon24 {
    display: inline-block;
    margin: 12px 4px 12px 12px;
}


.user-management-account-settings .settings-submenu-item:hover {
    color: #333;
}

.user-management-account-settings .settings-submenu-item:hover .setting-icon24 {
    opacity: 0.5;
}

.user-management-account-settings .settings-submenu-item.selected {
    color: #333;
    font-weight: 600;
}

.user-management-account-settings .settings-submenu-item.selected .setting-icon24 {
    opacity: 0.7;
}

.user-management-account-settings .settings-submenu-item * {
    vertical-align: top;
}

.user-management-account-settings .profile {
    height: calc(100% - 52px);
    overflow: hidden;
    text-align: center;
}
.user-management-account-settings .option-containers {
    font-size: 0;
    padding: 24px 12px 32px;
}
.user-management-account-settings button.saving-btn-profile {
    margin-inline-end: 12px;
    margin-top: 12px;
}
.user-management-account-settings .bus-input-block {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 12px 8px;
    vertical-align: top;
    width: 50%;
}
.user-management-account-settings .bus-input-block .taxcode-invoice-note {
    color: var(--text-color-medium);
    font: var(--text-body2);
    margin-top: -12px;
    text-align: start;
}

.user-management-account-settings .setting-block {
    background: var(--mobile-surface-1);
    border-radius: 12px;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    margin: 24px 24px 0 24px;
    max-width: 1400px;
    width: calc(100% - 48px);
}
.user-management-account-settings .setting-block:not(:nth-child(3)) {
    margin: 24px;
}
.user-management-account-settings .title {
    color: var(--text-color-high);
    font: var(--text-h2);
    padding: 24px 24px 16px;
    border-bottom: 1px solid var(--stroke-grey-2);
    text-align: start;
}

.subaccount-img-big .avatar span {
    color: white;
    font-size: 74px;
    float: left;
    margin-top: 38%;
    margin-left: 36%;
}

.subaccount-img-big .avatar, .subaccount-img-big .avatar img{
    width: 162px;
    height: 162px;
    margin: 0;
    border-radius: 0;
}
.subaccount-img-big .avatar img{
    float: left;
    margin-left: -2px;
    margin-top: -2px;
}


.user-management-view .border,
.user-management-dialog .border,
.fm-right-header-user-management .border {
    content: " ";
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0.1);
    position: relative;
    display: block;
    margin-bottom: 0;
}

.user-management-view .disabled:not(button),
.user-management-dialog .disabled:not(button),
.user-management-overview-bar .disabled,
.fm-left-panel.user-management .disabled,
.fm-right-header-user-management .disabled {
    opacity: 1;
}

.user-management-view {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-top: 1px solid var(--stroke-grey-2);
}

.user-management-view.main-page {
    border-top: none;
}

.user-management-view .icon-wrapper i {
    --icon-size: 24px;
    --mask-color: var(--text-color-rest);
    display: block;
    transition: var(--transition-color);
}


.user-management-view .icon-wrapper i:hover {
    --mask-color: var(--text-color-active);
}

.user-management-view .user-management-list-table {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    padding: 0 0 48px;
    width: 100%;
}
.user-management-view .table-user-management {
    border-top: 2px solid var(--stroke-grey-2);
    display: flex;
    flex-direction: column;
    height: calc(100% - 216px);
}
.user-management-view .table-user-management .view-title {
    padding-left: 48px;
}
.user-management-view .table-user-management .user-management-scroll {
    position: relative;
}
.user-management-view .icon-admin {
    --icon-size: 24px;
    --mask-color: var(--icon-rest);
    display: block;
}

.user-management-list-table .fm-user-management-user .admin-icon {
    display: inline-block;
    margin-inline-start: 16px;
    vertical-align: middle;
}
.user-management-account-settings {
    background: var(--mobile-page-background);
    height:100%;
}

.user-management-account-settings .invoice {
    height: calc(100% - 52px);
}

.user-management-account-settings .invoice .invoice-list {
    max-width: 1400px;
    margin: 0 auto 24px;
    width: calc(100% - 48px);
}

.user-management-account-settings .invoice .invoice-subtitle {
    margin: 24px 0 16px;
    font: var(--text-h2);
    color: var(--text-color-high);
}
.user-management-account-settings .invoice .invoice-table a {
    text-decoration: underline;
}
.user-management-account-settings .invoice .invoice-table td,
.user-management-account-settings .invoice .invoice-table th {
    overflow: visible;
}

.user-management-account-settings .invoice .invoice-table th:first-child {
    width: 20%;
}

.user-management-account-settings .invoice .invoice-table th:nth-child(2) {
    width: 40%;
}

.user-management-account-settings .invoice .invoice-table th:nth-child(3) {
    width: 20%;
}

.user-management-account-settings .invoice .invoice-table th:nth-child(4) {
    width: 20%;
    height: 100%;
}

.user-management-account-settings .invoice-detail {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}

.user-management-account-settings .invoice-detail .invoice-button {
    margin: 32px auto;
    width: 595px;
}
.user-management-account-settings .invoice-detail .invoice-container {
    background-color: #fff;
    font-size: 0;
    height: 842px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 8px;
    box-sizing: content-box;
    box-shadow: 0 0.5px 2px 0 rgba(0,0,0,0.05);
    margin: 0 auto 24px;
    width: 595px;
}

.user-management-account-settings .invoice-detail .mega-contact-container {
    width: 59.5%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.user-management-account-settings .invoice-detail .inv-title-container {
    width: calc(40% - 56px);
    margin-right: 56px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.user-management-account-settings .mega-contact-container ul {
    list-style-type:none;
    padding-left: 76px;
    margin:12px 0 32px 0;
}

.user-management-account-settings .invoice-detail .mega-logo {
    width: 120px;
    height: 39px;
    display: inline-block;
    background-image: url(../images/mega/invoice-image.png);
    background-position: 0 0;
    background-size: 120px auto;
    background-repeat: no-repeat;
    margin:64px auto auto 56px;
}
.user-management-account-settings .invoice-detail .mega-contact-container .inv-subtitle {
    margin:12px auto 8px 102px;
}

.user-management-account-settings .invoice-detail .inv-mega-contact {
    margin-bottom: 8px;
    position: relative;
    text-decoration: none;
}

.user-management-account-settings .icon12{
    width:12px;
    height: 12px;
    background-image: url(../images/mega/invoice-image.png);
    background-size: 120px auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
}

.user-management-account-settings .email-small-icon{
    background-position: -3px -47px;
    opacity: 0.5;
}

.user-management-account-settings .add-small-icon{
    background-position: -19px -47px;
    opacity: 0.5;
}

.user-management-account-settings .post-small-icon{
    background-position: -35px -47px;
    opacity: 0.5;
}

.user-management-account-settings .inv-mega-contact p{
    margin:0px 0 4px 12px;
    line-height: 18px;
    font-size: 13px;
    max-width: 75%;
    display: inline-block;
    color: #666;
    white-space: normal;
}

.user-management-account-settings .inv-mega-contact:first-child p{
    color: #000;
    font-weight: 600;
}

.user-management-account-settings .invoice-detail .inv-title-container .inv-right {
    float: right;
    width: 100%;

}


.user-management-account-settings .invoice-detail .inv-title-container .inv-title {
    font-size: 32px;
    font-weight: 600;
    text-align: left;
    line-height: 39px;
    color: #333;
    margin:64px 0 0 0;
    position: relative;
}

.user-management-account-settings .invoice-detail .inv-title-container ul{
    list-style-type:none;
    position: relative;
    margin: 12px 0 0 0;
    padding-left: 0;
}

.user-management-account-settings .invoice-detail .inv-title-container ul li{
    text-decoration: none;
}

.user-management-account-settings .invoice-detail .inv-title-container ul li>span:first-child {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    color: #333;
    line-height: 20px;
}

.user-management-account-settings .invoice-detail .inv-title-container ul li>span:last-child {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    color: #888;
    line-height: 20px;
    margin-left: 4px;
}

.user-management-account-settings .invoice-detail .inv-add-container {
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
}

.user-management-account-settings .invoice-detail .inv-border {
    content: '';
    position: relative;
    margin-left: 56px;
    height: 1px;
    width: calc(100% - 112px);
    background-color: rgba(0,0,0,0.1);
}

.user-management-account-settings .invoice-detail .inv-add-container .inv-subtitle {
    width:100px;
    height: 100%;
    vertical-align: top;
    display: inline-block;
    position: relative;
}

.user-management-account-settings .invoice-detail .inv-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    margin:32px auto 8px 56px;
}

.user-management-account-settings .invoice-detail .inv-add-container ul {
    list-style-type:none;
    width: 63%;
    padding:0;
    margin:32px 0;
    position: relative;
    display: inline-block;
}

.user-management-account-settings .invoice-detail .inv-add-container ul li {
    text-decoration: none;
    line-height: 20px;
    font-size: 13px;
    color:#666;
    width: calc(100% - 56px);
    text-overflow: clip;
    margin-bottom: 4px;
}

.user-management-account-settings .invoice-detail .inv-add-container ul .inv-company-name {
    margin-bottom: 8px;
    color:#000;
    font-weight: 600;
}

.user-management-account-settings .invoice-detail .inv-add-container ul .inv-per-name {
    margin-bottom: 8px;
    color:#000;
}

.user-management-account-settings .invoice-detail .inv-payment-table {
    width: calc(100% - 112px);
    margin:0px 56px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul {
    list-style-type:none;
    width: 100%;
    padding:0;
    margin:0;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul li {
    padding:8px 0;
    position: relative;
    font: var(--text-caption);
    color: var(--text-color-black-medium);
}

.user-management-account-settings .invoice-detail .inv-payment-table ul li:first-child {
    padding:8px 0;
    font-size: 16px;
    font-weight: 900;
    color: #333;
    line-height: 20px;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul li:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.1);
}

.user-management-account-settings .invoice-detail .inv-payment-table ul li .inv-payment-header, .user-management-account-settings .invoice-detail .inv-payment-table ul li .inv-payment-item {
    display: inline-block;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul li .inv-payment-header:first-child, .user-management-account-settings .invoice-detail .inv-payment-table ul li .inv-payment-item:first-child {
    width: 60px;
    vertical-align: top;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul li .inv-payment-header:nth-child(2), .user-management-account-settings .invoice-detail .inv-payment-table ul li .inv-payment-item:nth-child(2) {
    width: auto;
    margin-left: 15px;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul li .inv-payment-header:nth-child(3), .user-management-account-settings .invoice-detail .inv-payment-table ul li .inv-payment-item:nth-child(3) {
    width: 75px;
    color: var(--text-color-black-high);
    text-align: right;
    float: right;
    vertical-align: top;
    font-weight: bold;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul .inv-payment-price:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.1);
}

.user-management-account-settings .invoice-detail .inv-payment-table ul .inv-payment-price:last-child {
    font-weight: 900;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    padding:12px 0;
}


.user-management-account-settings .invoice-detail .inv-payment-table ul .inv-payment-price:last-child::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 1px;
    width: 175px;
    background-color: rgba(0,0,0,0.1);
}

.user-management-account-settings .invoice-detail .inv-payment-table ul .inv-payment-price .inv-payment-price-detail:first-child,
.user-management-account-settings .invoice-detail .inv-payment-table ul .inv-payment-price .inv-gst-perc {
    width: calc(100% - 110px);
    display: inline-block;
    text-align: right;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul .inv-payment-price .inv-payment-price-deactive-users {
    width: calc(100% - 230px);
    position: absolute;
}

.user-management-account-settings .invoice-detail .inv-payment-table ul .inv-payment-price .inv-payment-price-detail:last-child {
    display: inline-block;
    text-align: right;
    color: var(--text-color-black-high);
    font-weight: bold;
    float: right;
}

/*  Business dashboard */

.dashboard-section {
    padding: 0;
    overflow: hidden;
}

.dashboard-section a.link,
.dashboard-section a.link:visited{
    color: var(--mobile-link-primary);
    text-decoration: underline;
}

.dashboard-section a.link:hover {
    text-decoration: none;
}

.dashboard-section .business-dashboard-container {
    width: 100%;
    margin: 0 auto;
    max-width: 1064px;
}

.user-management-view .section-container {
    background: var(--mobile-surface-1);
    border-radius: 12px;
    background-clip: padding-box;
}

.dashboard-section .section-container,
.dashboard-section .account.widget.body,
.dashboard-section .settings-banner {
    background: none;
    border: 1px solid var(--mobile-border-strong);
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--text-color-high);
    margin-top: 24px;
    max-width: 100%;
    position: relative;
    width: 100%;
}

.dashboard-section .overall-usage-container {
    margin-bottom: 12px;
    padding: 24px 24px 0;
    box-sizing: border-box;
    align-items: center;
}

.dashboard-section .overall-usage-container .data {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    padding: 48px 0;
}
.dashboard-section .overall-usage-container.admin .data {
    gap: 48px;
}
.low-width .dashboard-section .overall-usage-container .data {
    justify-content: center;
    padding: 24px 0;
}
.ru .low-width .dashboard-section .overall-usage-container .data {
    flex-direction: column;
}

/* Business dashboard - Overall usage next bill block Begin */

.dashboard-section .overall-usage-container .overall-next-bill-wrapper {
    border-radius: 0 0 12px 12px;
    height: auto;
    margin: 0 -24px;
    display: none;
    --surface-alpha: 0.4;
}
.dashboard-section .overall-usage-container .overall-next-bill-wrapper.pro-iv {
    position: relative;
}
.dashboard-section .overall-usage-container .overall-next-bill-wrapper.pro-iv::before {
    content: "";
    position: absolute;
    width: calc(100% + 48px);
    margin-inline-start: -24px;
    height: 1px;
    background-color: var(--mobile-border-strong);
    top: 0;
    left: 0;
}

.dashboard-section .overall-usage-container.admin .overall-next-bill-wrapper {
    display: block;
}

.dashboard-section .overall-usage-container .overall-next-bill-container {
    padding: 24px;
    position: relative;
}

.dashboard-section .overall-usage-container .overall-next-bill-container .title {
    font: var(--text-body1);
    font-family: var(--text-font-family);
    font-weight: 600;
}
.dashboard-section .overall-usage-container .overall-next-bill-container span.asterisk {
    font: var(--text-h2);
    margin-inline-start: -4px;
}
.dashboard-section .overall-usage-container .next-bill-value.local {
    color: var(--secondary-green);
    font: var(--text-h2);
    display: inline-block;
}
.dashboard-section .referrals.widget .account.referral-value.euro,
.dashboard-section .overall-usage-container .next-bill-value.euro {
    font: var(--text-body1);
    color: var(--text-color-medium);
    border: 1px solid var(--stroke-grey-2);
    border-radius: 12px;
    background-color: var(--surface-main);
    margin: 0 4px;
    padding: 0 6px;
    display: inline-block;
    vertical-align: text-bottom;
}
.dashboard-section .overall-usage-container .next-bill-message {
    color: var(--text-color-medium);
    font: var(--text-body2);
    margin-top: 12px;
    position: relative;
}
.dashboard-section .overall-usage-container .next-bill-message span {
    margin-inline-start: 12px;
}
.dashboard-section .overall-usage-container .next-bill-message .first-message::before {
    content: "*";
    position: absolute;
}
.dashboard-section .overall-usage-container .mega-button.invoices-button {
    position: absolute;
    top: 24px;
    right: 24px;
}
.rtl .dashboard-section .overall-usage-container .mega-button.invoices-button {
    left: 24px;
    right: initial;
}


/* Business dashboard - Overall usage next bill block End */

.dashboard-section .subaccount-view-used-data {
    padding: 24px;
    box-sizing: border-box;
}

.content-panel.dashboard-section .intro-info.active, .content-panel.dashboard .intro-info.active{
    color:#00BFA5;
}

.content-panel.dashboard-section .intro-info.pending, .content-panel.dashboard .intro-info.pending{
    color:#F5A623;
}

.content-panel.dashboard-section .intro-info.disabled, .content-panel.dashboard .intro-info.disabled{
    color:#666;
}

.dragger-block {
    position: absolute;
    z-index: 900;
    min-height: 20px;
    left: 200px;
    top: 200px;
}

.dragger-content {
    min-height: 20px;
    position: absolute;
    background-color: var(--stroke-grey-1);
    border: 2px solid var(--stroke-main);
    border-radius: 8px;
    padding: 7px 13px 7px 13px;
    margin: -34px 0 0 -55px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    box-sizing: border-box;
    width: auto !important;
}
.dragger-content .item-type-icon {
    --icon-size: 24px;
    margin: 1px -5px;
    position: absolute;
}
.dragger-entry {
    white-space: nowrap;
    word-break: keep-all;
    width: auto;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    margin: 0;
    margin-inline-start: 32px;
    max-width: 160px;
    display: block;
}
.dragger-files-number {
    min-width: 14px;
    height: 14px;
    position: absolute;
    margin: -40px 0 0 -70px;
    background-color: #D32200;
    padding: 0 4px;
    text-align: center;
    border-radius: 10px;
    box-sizing: border-box;
    color: white;
    font-size: 11px;
    line-height: 13px;
    display: none;
}
.information-highlight {
    box-sizing: border-box;
    width: 300px;
    font: var(--text-body1);
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    padding: 4px 8px;
}
.information-highlight.success {
    background-color: var(--banner-background-success);
    border: 1px solid var(--banner-border-success);
    color: var(--banner-text-success);
    opacity: 1;
}
.information-highlight.warning  {
    box-sizing: border-box;
    width: 302px;
    border: 1px solid var(--banner-border-error);
    background-color: var(--banner-background-error);
    color: var(--banner-text-error);
    opacity: 1;
}
/* new drag and drop dialog */

.dialog-subtitle {
    height: auto;
    position: relative;
}

/* status: check-on/check-off needed to add to JS */


.takedown-guidance p.first, .privacy-policy p.first {
    padding-top: 5px;
}

.privacy-policy h2 {
    margin-top: 25px;
}

.terms-page-content.privacy-policy span.text.list-item {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

.simpletip-tooltip .gray-text {
    color: #868686;
}

/*temp code, will be removed after generic component.css is merged*/
.button-container.default {
    width: 100%;
    height: 64px;
    padding:16px;
    margin-top: 40px;
    position: relative;
    box-sizing: border-box;
    text-align: right;
}
.button-container.default::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.1);
}
.button-container .btn {
    display: inline-block;
    margin-left: 16px;
}
/** End Developer Settings Page **/

.txt-editor-frame {
    z-index: 800;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.txt-editor-frame iframe{
    width: 100%;
    height: 100%;
}
.top-login-popup.sign header {
    padding-bottom: 24px;
}
.top-login-popup.sign .login-page-forgot-bl {
    padding: 0 0 34px;
}
.pro-login-dialog.sign .login-checkbox {
    margin: 8px 11px 0 0;
}

/* corner toasts and transfer popup */
.corner-messages {
    position: fixed;
    bottom: 0;
    left: 8px;
    z-index: 221;
}
.active-folder-link .corner-messages {
    bottom: 24px;
}
.in-call .corner-messages {
    bottom: 24px;
    left: 24px;
}
/* end corner toasts and transfer popup */

.mega-dialog div.stay-dlg-subtext {
    color: var(--text-color-low);
    font: var(--text-body2);
    margin-top: 12px;
}

.vertical-align-top {
    vertical-align: top;
}

/* Utility classes */

.mega-gap-12 > *:not(:last-child) {
    margin-bottom: 12px;
}
a.pr-faded-link {
    text-decoration: underline;
    color: var(--color-copy-secondary);
}
a.underline-offset-4 {
    text-decoration-line: underline;
}
.mega-error-box {
    color: var(--text-color-error);
    font: var(--text-body1);
    padding: 2px 16px;
    border-radius: 4px;
    background: var(--banner-background-error);
    border: 1px solid var(--banner-border-error);
    text-align: center;
}

/* End utility classes */

/* Tablet devices */

@media (orientation: portrait) and (pointer: coarse) {
    #fmholder {
        min-width: unset;
    }
}

/* End of Tablet devices */


/* Temporary banner classes */
/* @todo: migrate banner component and remove these styles. */
/* @todo: Use mega.ui.secondaryNav.showBanner instead
 */

.fm-notification-block,
.fm-notification.almost-full .fm-notification-block.almost-full,
.fm-notification.full .fm-notification-block.full,
.fm-notification-block.rubbish-schedule.visible {
    display: none;
}

.fm-notification-block ~ .fm-notification-block {
    margin-top: 2px;
}

.fm-notification-block.visible,
.fm-notification.almost-full .visible-notification .fm-notification-block.almost-full,
.fm-notification.full .visible-notification .fm-notification-block.full,
.rubbish-bin .fm-notification-block.rubbish-schedule.visible {
    display: flex;
}

/* End temporary banner classes */
